Skip to content
OverviewSolutions
6
Comments
3
David Oluremi
@VectorGits

All comments

  • Gordon D•20
    @GordyD97Submitted over 1 year ago

    This component was made with vanilla HTML and CSS. I was able to show my coding skills with baseline technology as well as make the component responsive to mobile and desktop devices.

    Responsive NFTpreview card.

    1
    David Oluremi•100
    @VectorGitsPosted over 1 year ago

    Hello, good job! For coming all this way in the challenge. I think that you should give your card a dark background as recommended in the style-guide.md file in the project resources. also, you can use the font recommended to make your code results closer to the ones in the challenge.

    I hope you find this helpful, Good luck!

    0
  • devito96•60
    @devito96Submitted over 1 year ago

    It's my first ever project that I did without any person helping or any guide. I struggle a little to center the whole thing, and the info's at the bottom correctly. Unfortunately, I don't get any photo or placeholder to the image, so I did without it.

    Profile Card (basic CSS and HTML)

    1
    David Oluremi•100
    @VectorGitsPosted over 1 year ago

    You did a pretty good job without the images, but did you download the starter zip folder? because the images you'll need are in the image directory/folder you can link them in your code i.e

    background-image: url(images/victor.jpg);

    I hope you find this useful in updating your code and making it look nicer :)

    0
  • Sahorri•120
    @SahorriSubmitted over 1 year ago

    Hello,

    Someone can help me with my background. I don't understand how to make it responsive. When I resize my viewport the image disappear.

    Thanks :)

    Profile-card-component

    2
    David Oluremi•100
    @VectorGitsPosted over 1 year ago

    Where did you place your image, and how? Here's mine...

    body {
  background-image: url("images/bg-pattern-top.svg"), url("images/bg-pattern-bottom.svg");
  background-repeat: no-repeat;
  background-position: -50% 200%, 125% -175%;
}

    Yeah, I found out in this challenge that two images can be used as background-image in CSS :)

    I hope you find this helpful, and congrats on completing the challenge!

    Marked as helpful
    0