Skip to content
Submitted about 1 year ago

Responsive Product Page

Jose Perez•20
@ItsJPerez
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Had a great time doing this challenge, what troubled me was in centering it in the middle of the page. I used display grid with place items center, I would like to know if there is another alternative or this the only way to be able to center lets say a div or main element in a page? If y'all have any questions for me feel free to ask!

Community feedback

  • Kevin Copo•150
    @snowbot22Posted about 1 year ago

    Hi, you can use Flexbox to center elements too:

    parent-element{ display: flex; justify-content: center; align-items: center; } Where justify-content is for align items vertically and align-items is for algin items horizontally.

    1
  • Caio Cezar•30
    @SkarzyllPosted about 1 year ago

    Hi, good night. Remove margin of body.

    0

Please log in to post a comment

Log in with GitHub

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