All solutions

Enjoyed this one. Really worked out my grid layout knowledge.

Fun little layout problem. Learned even more about css grid.

learned a lot about grid positioning for the desktop version of this project! Don't skip the "newbie" projects because you think they're too easy. They teach good fundamentals and refresher skills.

These "easy" projects are fun, and I'm honing my html + css skills, but looking forward to new challenges next up.

fun beginner challenge. I learn something on each of these projects, even the "easy" ones.

the stacked images were a pain (and I'm not sure I got them completely right). I've found a weird bug(?) in Safari while working on this, too. Looks fine in other browsers.

Doing the CSS-only accordion was a weird challenge. Much harder than doing it with JS would have been.

getting the popover share card to display correctly in mobile and desktop versions was the biggest challenge. I know the desktop popover doesn't look exactly like the design, because of how I chose to handle overflow for the whole card/preview. Fun little project. Also, I used a little vanilla js for the popover even though the brief didn't call for js. Also, I used font awesome for the icons instead of the provided svgs.

This solution uses no JS, instead going for a pure CSS mobile menu. The drawback is that it uses :has, which is unsupported by Firefox. I did not craft a fallback for Firefox.

There is only one breakpoint (at 1024px) for responsiveness. Basically, it toggles between a desktop/tablet view and a mobile/small tablet view.

Fun project.