Design comparison
SolutionDesign
Solution retrospective
I was unable to code it to retain its size when the page is shrunk. Pls some help!
Community feedback
- @dev-mksinghPosted 9 months ago
Hey @Ukpe2007, i understand the issue you are facing, here are some suggestions :
- remove the height
min-height
from all three boxes. - set height of each element like
h1
,p
andbutton
. After this set the padding and everything. - using flex is good but i dont think you went through it properly, why you didnt used,
flex-direction: column
for smaller screen? - also when you using
flex
you could have usedflex-basis
to set the width of the orange, blue and green.
Don't rush just to complete the project, make sure your approach is clear.
I'm not trying to demotivate you, dont get me wrong okay? I just want you to go through the basics first. Make sure you are comfortable with it. Then use appropriate properties.
If you still face issues feel free to ask, also if you want you can see the same project i completed. Hope this will be helpful. Keep trying.
0 - remove the height
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