Design comparison
Solution retrospective
How can I check the size of the html page I am working on so I can scale the columns to the correct width as you can see my columns are a bit wider. Also my buttons are wider than the ones perceived in the design, how can I make it exactly the same?
Community feedback
- @A-amonPosted over 3 years ago
Hello, you can use flexbox to make the row more responsive! Speaking of flexbox, you can use it to center your button's content or you also can remove the height and set the padding to include padding-bottom too so that the content stays in the middle vertically~
1 - @Andrii-RohovPosted over 3 years ago
Hi, maybe try to remove padding and magin of box. and add (margin: 150px auto;) to class='box' And try to rename div tag with class="button" to button tag and remove padding from it. Also, try to add border-radius: 10px to box div, and add border-radius: 10px 0px 0px 10px; to left box and 0px 10px 10px 0px to right box as for the size of html, in browser open inspector mode (f12) and hover over html tag, it should show the width and height
1
Please log in to post a comment
Log in with GitHub
Join 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