Design comparison
Solution retrospective
I tackled the positioning of sections using Grid and the inner content using flexbox, this time i was able to balance using flexbox and grid
What challenges did you encounter, and how did you overcome them?I had a challenge figuring out the right color for the body background-color so i just used another one
What specific areas of your project would you like help with?Not at the moment
Community feedback
- @R3ygoskiPosted 7 months ago
Hello @Liphelelo, congrats for the project, it's very good and almost similat to the proposed design.
About the background color, it's
hsl(208, 45%, 94%)
. If you can't find a specify color, I highly recommend to download Colour Constrar Analyser, it's used to see if contrast ratio is good, but It have a color picker that you can use anywhere, and this help a lot to see what color is some part.To make your card go to the middle of the page you can use this properties in your
body
:height: 100vh; display: flex; justify-content: center; align-items: center; flex-direction: column;
And you can make the card border rounded with
border-radius
properties.Again, congrats for your project, it's really good.If something I said was unclear, please, feel free to ask here below, and I will try to help in the best possible way.
Marked as helpful1 - @LipheleloPosted 7 months ago
Owh thank you so MUCH ......i have always wanted to know how i can do it !!!!!! Thank you so much man...i will be sure to get back whenever i need help man
0
Please log in to post a comment
Log in with GitHubJoin 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