Submitted almost 3 years ago

HTML, CSS, Media Query

accessibility

Jeanco Volfe•460

@engsofjvolfe

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

It' s hard to understand why my "img element" at the top (mobile version) has a bottom margin and is a bit separated from the main element. When i tried to inspect the element, the box model does not show a margin bellow header...

what could be happening so?

Id like to know as well, if i should create media queries separately, at the end of the css, or if i can create them below the elements they're changing through the code.

THx a lot

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jeanco Volfe's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord