Design comparison
Solution retrospective
Your feedback will be appreciated!
Community feedback
- @grace-snowPosted over 2 years ago
Hi
This markup needs to be a form with: fieldset (aria-labelledby the id of the question) then radio buttons inside, and followed by the submit Button.
Styling wise, this overflows my mobile screen at the moment. I'll have to look at the css to give pointers on why...
OK I see. Html and body should not have a height and width, nor should the card body. Html should not be display flex either. The body element only needs a min-height of 100vh (to center the card vertically on screen, but still allow it to grow if needed)
Similar principles with the card. No width or height, just a max width.
You also definitely don't want to set body and html to be position absolute ever.
Think of html as your table and body as the piece of paper you're drawing on. Let it be as large as it needs to be, focus on what you put in/on the body, don't manipulate the body itself
Marked as helpful1
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