AI‐10 - Code-the-Dream-School/intro-to-programming-2025 GitHub Wiki

On the index.css file:

  1. Determine if you'd like to build your site mobile-first or desktop-first.
  2. 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.
  3. Make a minimum of two style properties changes to at least three html elements for each of your media queries.
  4. Add comment notation to help keep yourself organized and make it easier to find your desktop/tablet/mobile style code sections
  5. 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.