search

MK-Codecademy / CountdownApp

1 stars 2 forks source link

Improve overall page structure and responsiveness #23

Open willgarrett64 opened 2 years ago

willgarrett64 commented 2 years ago

The overall page structure has been built (see below code), however it has been fairly poorly put together, and its responsiveness isn't great. (Don't worry, I can say that because I did the page structure myself!)

The task is to improve on this. You should only need to edit the .app, .sidebar and main sections, and potentially footer. But you shouldn't need to edit any of the content that has been added to this. 

<body>
  <div class="app">
    <aside class="sidebar">
      <div>Your sidebar will go in this div</div>
    </aside>

    <main>
      <p>The rest of the page will go inside here. You can delete this p tag</p>
    </main>
  </div>

  <footer>
    <div class="social-icons">
      <img src="./images/icon-facebook.svg"/>
      <img src="./images/icon-pinterest.svg"/>
      <img src="./images/icon-instagram.svg"/>
    </div>
  </footer>
</body>