ManSangSin / Rhythm-Code

https://starter-kit-al84.onrender.com/
ISC License
3 stars 7 forks source link

Styling the page - Container #37

Closed TianshengC closed 8 months ago

TianshengC commented 8 months ago

Please add a container to display all of the sections on the page.

mferryRV commented 8 months ago

We will be updating the UI of our application to match this Figma design on page "Prototype web".

To accomplish this, we need to wrap our Home page component in a div with the following stylistic requirements:

We will also need to import Roboto and Oswald fonts by adding <link> elements to the <head> section of the HTML file.

This will allow the components inside to fit the shape we expect in our designs. To understand flexbox, play Flexbox Froggy.

This design is desktop-first, so we will review mobile designs later in the week.

mferryRV commented 8 months ago

Oswald font: https://fonts.google.com/specimen/Oswald Roboto font: https://fonts.google.com/specimen/Roboto