An exercising in using CSS Grid to arrange <div>
s into a bento box.
This is an exercise in utilizing CSS Grid in a slightly more complex CSS layout.
You'll be recreating the picture in assets/goal.png
using all the other pictures in there. For this assignment, you'll need to create the HTML and the CSS files from scratch.
Use git
to make at least three commits!
Note: your image's dimensions do NOT have to be exact. Your pictures might look squished or stretched, and that's just fine! we're worried about getting things into the right place relative to each other, not the image dimensions.
Write additional CSS to make the images not squished / stretched