Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product preview card component

@kodaicoder

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • still got some confuse on image positioning , may be have better way to adjust a image position.
  • about components in react, may be it can splitting up more than 3 components that I has create.

Community feedback

@Dr-Vegapunk007

Posted

Hi @NutchaponMake , you can set a div as background instead body with this styling:

display: flex ;
position: fixed  ;
justify-content: center ;
align-items: center ;
left: 0  ;
width:100% ;
top: 0 ;
height: 100% ; 

you can see it in my solution link (https://github.com/Dr-Vegapunk007/Dr-Vegapunk007.github.io)

Marked as helpful

1

@kodaicoder

Posted

@Dr-Vegapunk007 Thanks a lot, I has seen your solution already and that so great. I will marked your suggestion for the next challenge I take.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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