Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • Victor Eke 190

    @Evavic44

    Submitted

    I wrote more CSS than required for this challenge, because I wanted a different responsive layout for tablet screens. Also added comments to make reading this easier.

    Victor Eke 190

    @Evavic44

    Posted

    Thanks @patrick 🤍

    0
  • Victor Eke 190

    @Evavic44

    Posted

    Aside from the background color, your desktop view is so...... identical to the design. Bravo! 💯

    0
  • Victor Eke 190

    @Evavic44

    Posted

    This is one of the most perfect solutions to this challenge. Nice work. Though I'll add some opacity to the paragraph and stats text to make it a bit faded. Aside from that, everything look great.

    1
  • @asksid27

    Submitted

    justify-content wasn't having any effect on mobile version, I tried space between but was having some problem with height(I think). Please help me with those spacings. Any more suggestions will be appreciated.

    Victor Eke 190

    @Evavic44

    Posted

    You can add the right fonts using CSS import tag on google fonts, just paste it in the CSS file at the top and it is ready to be used in the font-family property. Here is the link: https://fonts.google.com/specimen/Inter?query=inter

    1
  • Victor Eke 190

    @Evavic44

    Posted

    Lol your last commit message is real funny, I feel your pain. Struggled with this challenge as well, especially with aligning the container to the center. With some struggling I finally figured it out. Simply add a max-width of 1000px and margin: auto on the left and right. This should align the whole card.

    1
  • Victor Eke 190

    @Evavic44

    Posted

    Great job. 😎 Though the color in the overlay isn't quite the same.

    1
  • Victor Eke 190

    @Evavic44

    Posted

    Nice one.

    1
  • Victor Eke 190

    @Evavic44

    Posted

    This is cool. Nice work.

    0
  • Femi 300

    @femizi

    Submitted

    how do i centralize a div alone in the middle of the screen

    Victor Eke 190

    @Evavic44

    Posted

    There are several ways in doing that, all depends on the use case.

    div { margin: 0 auto; }

    div { position: relative; top: 50%; left: 50%; }

    3 Or use a transform property div { transform: translate(50vw, 50vh); }

    1