Skip to content
OverviewSolutions
7
Comments
6
Dust98
@Dust1100010

All comments

  • Dust98•130
    @Dust1100010

    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 ✌

  • Dust98•130
    @Dust1100010

    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 😉

  • Dust98•130
    @Dust1100010

    the cards effect make the page more funny, congrats 🥳

  • Dust98•130
    @Dust1100010

    Congratulation 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 helpful
  • Dust98•130
    @Dust1100010

    Congratulations 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 helpful
  • Dust98•130
    @Dust1100010

    i recommend you use margin: auto auto in body; to center the card and the scrollbar gonna disappear

    Marked as helpful