ROCKY BARUAβ’ 1,090
@Drougnov
Posted
Hello, @Pat-Gekoski great work.
Just use max-width:111rem instead of width:111rem. It will make the card shrink as the screen width shrinks.
Marked as helpful
0
Design comparison
Solution retrospective
I couldn't decide if I should let the content dictate the size of the card or if I should hard code it. I decided to hard-code the width and then use padding to account for the height.
Still a little confused though....I added padding to the main container that the card sits in and even though I hard-coded the width, it got smaller as the viewport shrank....Does the padding force this?
Community feedback
Anosha Ahmedβ’ 9,340
@anoshaahmed
Posted
Hey, what BIBLOB^ said is the answer to your question.
To avoid accessibility issues, start your headings with h1 and move up by one level each time.
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