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

Single Price Grid

tomatas95 50

@tomatas95

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


How do people become so good with html and css so fast aaa

Community feedback

Fat 850

@Fahatmah

Posted

Hey there. It is by progress and focusing to improve and having persistence to learn more makes you do it easier eventually. By the way, I see that your output is not in the center, you can use either grid layout or flexbox and the background-color of the second column should be darker. And nice work done there!

2
tomatas95 50

@tomatas95

Posted

Thank you!, I'll keep in mind in my future works.

0
tomatas95 50

@tomatas95

Posted

I tried to use grid I believe to make it center, but I think it didn't work so I used margin auto as I think they center out items as well(?) uhm if you're not busy maybe you could show me how? Thank you!

0

Fat 850

@Fahatmah

Posted

@tomatas95 maybe the body is not 100vh of its height. What I always do is make the body's height to 100vh like this:

body {display: grid; place-items: center; min-height: 100vh;}

Just like that and it will center the elements inside of the body. But there is other several ways to center it.

1

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