📝 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



👩‍💻 Flexbox Review

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;