So my product landing page passes all the tests in the testing suite, but I’m not entirely happy with it. It looks fine on a full browser, but once it goes under a certain width everything jumbles up (like the CodePen thumbnail).
I know that the solution is to have a media query for smaller screens, but I can’t for the life of me work out how to not have everything overlapping each other.
I know it doesn’t matter too much right now as it passes all the tests, but this is something I would kind of like to get right in future projects or it’s just going to follow me like a spectre.
Positioning/display is definitely a weak point of mine so any tips would be appreciated.