📝 Penn Week 5b Notes

👥 Wikipedia Show and Tell

Please paste your URL below and we’ll go through and look at your Wikipedia exercise. Please also submit on Canvas.

Common Questions

HTML

<!DOCTYPE html>

<html>

<head>

<title>Flexbox Demo</title>

<link rel="stylesheet" href="main.css">

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=PT+Mono&display=swap" rel="stylesheet">

</head>

<body>

<div class="container">

<div class="item item1">1</div>

<div class="item item2">2</div>

<div class="item item3">3</div>

<div class="item item4">4</div>

<div class="item item5">5</div>

<div class="item item6">6</div>

</div>

</body>

</html>

CSS

.container {

display: flex;

padding:10px;

background-color: #042135;

min-height: 300px;