Lab 6 - Tiny Grid
Responsive mode: TINY! š„¹
Categories:
less than a minute
Tiny Grid
In this weekās prep, you completed a responsive grid design that uses two ābreakpointsā to distinguish three layouts for a page. In this lab, you will continue with the same code base (but you should start from our versionā¦), and will add in a 3rd breakpoint to now have a 4th layout for the page: a ātinyā layout.
- accept the github classroom assignment linked from your canvas course
- in doing so, tell github classroom that youāre in a group with your neighbor
- both you and your neighbor: clone the repository to your local machines
- Replace the fake name in the
README.md
ās Acknowledgements with your own name. - add the README.md changes to the staging area, commit the changes, and push the changes to the remote repository.
- edit the tiny.css such that when the viewport width is less than 375px, the layout changes such that only the āmain article areaā is displayed.
- add the tiny.css changes to the staging area, commit the changes, and push the changes to the remote repository.
Acknowledgements
Developers:
- Nay Bored
With huge thanks to the CS 343 cheat code Mozilla Developer Network.
Last modified August 11, 2024: moved a bunch of things for archival purposes (6652bbe)