evalarumbe / responsive-gallery-exercise

Flexbox and media queries

Responsive Gallery Exercise

1. In your browser, open index.html (you should see some cute animals)

2. In your code editor, open index.html and style.css.

3. Use ctrl+F to search for ??? and replace them with your own code.

   • If you get stuck on any of the ???, try solving the easy ones first.

   • If you're still stuck, this Flexbox cheat sheet might help: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

4. Once you're done, try out other things that media queries can do: https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Acknowledgements

Images from https://pixabay.com/