Design comparison
SolutionDesign
Solution retrospective
Hi, I have a problem with the desktop version, how do I make their heights equal? I'm pleased to have all of your feedback.
Community feedback
- @Melchor16Posted over 1 year ago
Hey, about your problem with the heights: You can put your two divs ('component' and 'summary') inside another div, then you just need to assign the height you want to the parent div and for the children just put height: 100%
something like this:
<div class='parent'> <div class='component'></div> <div class='summary'></div> </div>
CSS:
.parent{ height: 30rem } .component{ height: 100% } .summary{ height: 100% }
With this you can also assign 50% of the width to both of you children divs and just adjust your parent total width.
Hope this is useful for you, regards ;)
Marked as helpful0
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