Dust98
@Dust1100010All comments
- @Munesh-CodeSubmitted over 2 years ago@Dust1100010Posted over 2 years ago
What a good job dude! 🥳 You have to use
<main class="container"></main>
after <body>. This gonna be the size of all content included the footer. To center the container use this:height: 900px; width: min(1000px, 100%);
Also you have to put a footer for good practice
<footer><div class="attribution"></footer>
And then you can code the rest as you have already. That´s it, Hope it was helpfull to you ✌1 - @Haseebullah555Submitted over 2 years ago@Dust1100010Posted over 2 years ago
Hey dude, congrats for the challenge ✌.
to center the container use this: height: 900px; width: min(1000px, 100%);and in the "cards" class just need margin-top: 30px
try to use diferents font sizes and colors to make tha page more similar like the original desing. Good Jod 😉
0 - @ArchMogallSubmitted over 2 years ago
Added a little hover effect to the cards, just for fun.
- @tmorisSubmitted over 2 years ago
Hello, community. I have finished another challenge, but CSS grid was a little challenging for me. Kindly guide me on areas you feel in can improve. Thanks.
@Dust1100010Posted over 2 years agoCongratulation to complete the challenge! the page and code look nice, only i recommend you makes the font-size smaller and letters color like in the original design. ✌
Marked as helpful0 - @Luscious258Submitted over 2 years ago
Hello Community, This is another project I completed, I would very much appreciate honest feedbacks and corrections. THANK YOU ALL.
@Dust1100010Posted over 2 years agoCongratulations for complete the challenge! You forgot the hover part, check on the desings file and i recommend you center the container ✌
For example for the header part "Equilibrium #3429"
h1:hover { cursor: pointer; color: var(--cyan); }
color: var(--cyan); or the color code
Marked as helpful0 - @Tommaso6468Submitted over 2 years ago
Why is my page slighty taller than my screen? So the scrollbar appears
@Dust1100010Posted over 2 years agoi recommend you use margin: auto auto in body; to center the card and the scrollbar gonna disappear
Marked as helpful0