Design comparison
Solution retrospective
Would this have been easier if I hadn't used flex box and instead I just allowed the divs to stack on top of each other like a regular block?
How does the CSS look and how can I improve the organization/efficiency of my code?
Community feedback
- @GitHub-dev12345Posted almost 3 years ago
Congratulations 🎉🎉 finished your project.
Use this code to increase the size of card : 😊 used this CSS Property in your card to increase and decrease the size of card:
1.In Card design CSS Code Used this:
transform : scale(0.8); this property decrease the size of card. 😉
large size for increase the number of scale & small size for decrease the number of scale
I hope you find this helpful
0 - @2divPosted almost 3 years ago
Hi, There is no one answer on how to solve the challenge. Although the challenge is very simple but it will better to do good practice. I would use flex to organize and practice what i learn. I think flex will allow me to have more control on the layout than just stacking on top of each other.
here are my tips :
- remove the flex from body tag because you used in the containers.
- add the container class in the main tag. -use min-height: 100vh; in the container and remover margin from box -change the first p tag to h1 tag
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