Submitted 8 months ago

Flexbox, Grid, BEM

accessibility, bem

Emerson Lima•200

@poissonfou

A solution to the E-commerce product page challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

What challenges did you encounter, and how did you overcome them?

What specific areas of your project would you like help with?

Code

Please log in to post a comment

Community feedback

Asilcan Toper•2,920
@KapteynUniverse
Posted 7 months ago
Hey Emerson, nice job.

I see you applied some padding at different media queries to prevent this a little but on big screens Img__display overly stretch and cropped inside its container. Probably at this stage it will cause issues but i recommend you to wrap the content inside header, body etc. and give it a max-width and margin value for next time. Right now, i guess you can remove that paddings and use something like this
```
body {
    width: 90%; 
    max-width: 75rem;
    margin: 0 auto;
}
```

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