Design comparison
SolutionDesign
Community feedback
- @Leo-ZubiriPosted over 1 year ago
Hi, nice solution. If you want to have the same space between sections in the card you can use
flex: 1
in each container. Also you can use grid:.card{ display: grid; grid-template-columns: repeat(2,1fr); }
Just verify in the card are two main sections
<div class="card"> <div> </div> <div> </div> </card>
You can change the column size in grid
grid-template-columns: 1fr 2fr 1fr
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