AI‐10 - Code-the-Dream-School/intro-to-programming-2025 GitHub Wiki
On the index.css
file:
- Determine if you'd like to build your site mobile-first or desktop-first.
- Based on if you decided to design mobile-first or desktop first, add your media queries for the other two device types. For example, if you decided to build your site as desktop-first, you should have two media queries: one for phone and another one for tablets.
- Make a minimum of two style properties changes to at least three html elements for each of your media queries.
- Add comment notation to help keep yourself organized and make it easier to find your desktop/tablet/mobile style code sections
- As a stretch goal (optional): Reformat one or both of your two flexbox sections (Experience or Connect) to be a grid layout instead to give yourself practice using grid.