Design comparison
SolutionDesign
Solution retrospective
Newbie here, starting my coding journey.
I would appreciate any suggestions, comments, tips, and advice.
Community feedback
- @virgile-labPosted about 2 years ago
Hi Fadi !
Here are some tips :
- It is more suitable to use the
<main>
tag instead of<div class="main">
<btn>
tag is not a part of HTML5 semantic, you should use instead<button>
- Your layout is not responsive, so to do it, you can use
display: flexbox
ordisplay: grid
. You will find more information here - To center the card, you could use
Grid
in the class.main
eg. :
.main { display: grid place-items: center min-width: 100vw; min-height: 100vh; }
Hope it will help you !
0 - It is more suitable to use the
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