All solutions

Close, no cigar. I tried a few solutions to get the mobile background to "dim" when the menu was opened to no avail. I'm sure the accessibility needs improving as well.

Otherwise, it was a fun one. Definitely challenging, but rewarding, too.

First time using JavaScript. I definitely should have used the ::after pseudo-element for the little arrows: my implementation is pretty bizarre.

I'll follow up on the media query after I submit this solution for the accessibility report.

this one went the best by far. definitely improving!

i tried like 5 ways to make the image purple. I give up. 😅

Centering [absolute]-ly positioned elements is unintuitive and difficult

Uncertain about the drop-shadow, particularly on mobile devices

I definitely could clean up the code in styles.css, particularly with regard to all of the columns.

I'm curious how others created this project--I get the feeling that conceptualizing the four cards as a 6x4 grid is fairly unique? CSS Grid was fun to use once I got the hang of it, however.

<a> and <h1> elements: the text is a bit too big and the margins are too wide. changing "width" to a % made everything break and i'm unsure why.

i didn't spend any extra time fiddling with fonts because it seemed kind of irrelevant to the learning process.