/bento-box

https://leah167.github.io/bento-box/

Primary LanguageCSS

Bento Box

An exercising in using CSS Grid to arrange <div>s into a bento box.

End goal

Your Mission

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.

Stretch Goals

Write additional CSS to make the images not squished / stretched