It was my first time at trying responsive desing. To be honest, I'm not quite sure how I made it worked. And I don't know why in the smallest resolution (using the dev tools of chrome) the image it's not in the middle. But it was fun anyways.
@v-codey
Posted
hey @FloriMartin, Good job on your first challenge. I saw your code, there are few things I would like to mention
main tag inside body see this solution for better understandingpadding: 20px 20px 20px 20px - > padding: 20px will give same results. read morehappy coding.
Marked as helpful
@denielden
Posted
Hi Flori, I took some time to look at your solution and you did a great job!
Also I have some tips for improving your code:
main tag and wrap the card for Accessibilitymargin from recuadro class because with flex they are superfluousmin-height: 100vh to body because Flexbox aligns child items to the size of the parent containerpx try to use relative units of measurement -> read hereOverall you did well 😉
Hope this help and happy coding!
Marked as helpful
@FloriMartin
Posted
@denielden Thanks a lot!!
@Ahmed666313
Posted
Hello anyway, congratulations, you can use margin- top
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
