Skip to content
OverviewSolutions
7
Comments
9
Victor Eke
@Evavic44

All comments

  • Victor Eke•250
    @Evavic44Submitted over 3 years ago

    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.

    3 column preview card component

    2
    Victor Eke•250
    @Evavic44Posted over 3 years ago

    Thanks @patrick 🤍

    0
  • Victor Eke•250
    @Evavic44Posted over 3 years ago

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

    0
  • Victor Eke•250
    @Evavic44Posted over 3 years ago

    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
  • Siddhant Kashyap•30
    @asksid27Submitted over 3 years ago

    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.

    Basic HTML and CSS - Desktop first

    2
    Victor Eke•250
    @Evavic44Posted over 3 years ago

    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•250
    @Evavic44Posted over 3 years ago

    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•250
    @Evavic44Posted over 3 years ago

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

    1
  • Victor Eke•250
    @Evavic44Posted over 3 years ago

    Nice one.

    1
  • Victor Eke•250
    @Evavic44Posted over 3 years ago

    This is cool. Nice work.

    0
  • Femi•300
    @femiziSubmitted over 3 years ago

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

    profile card

    1
    Victor Eke•250
    @Evavic44Posted over 3 years ago

    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