All solutions

Constructive criticism always welcome :D I tried to use Firefox as much as possible to cross-check responsiveness this time. Will start adding template aria labels for accessibility from my next project!

Any help with how to ensure grid components resize similarly and don't outgrow each other is very welcome. Also - please look at the site at the vercel URL instead of in the screenshot, not sure why it's doing what it's doing to the ellipses in the screenshot, but it seems to all look alright in browsers :)

Lacks a little finesse in the desktop view, but I think I did alright with the mobile view. :>

I learned to manage the mixins for mobile settings, but when I moved to desktop view I found that I couldn't move the elements around like I wanted. For example, setting something to a certain position only worked for one desktop width. So to solve this, should I have written mixins for every possible desktop width that the site in question would be displayed on? or is there a more general solution?

The solution preview on this site looks messed up, but the page loads correctly when visited. Not sure what's the issue there.

Hi! I didn't have access to the sketch files, so some whitespacing might be a little different to how the designs look, but I tried my best to replicate everything I could. The preview for my work on Vercel looks incorrect. Once the url is loaded, everything looks like it's in the right place. Could anyone tell me what to do about the preview looking messed up? Thank you!