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

Responsive Product Page using Flexbox & Grid

Romโ€ข 780

@RomWeb3

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


I used Flexbox to center my text & Icon on my button. Is it good ?

Community feedback

joseโ€ข 120

@CortesJose

Posted

Use Flex to center text & Icon on button. It's right. Congrats for complete the challenge

Marked as helpful

0
Lucas ๐Ÿ‘พโ€ข 104,420

@correlucas

Posted

๐Ÿ‘พHello Rom, congratulations for your new solution!

Your background-color is not displaying it full screen because you've applied the background inside the container and so the background follow the container size.

Fix that replacing the background inside the body instead

body {
    background-color: hsl(30, 38%, 92%);
    height: 100vh;
    overflow: hidden;
}

๐Ÿ‘‹ I hope this helps you and happy coding!

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