All comments

• 

  Gordon D• 20

  @GordyD97

  Submitted 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

  40

  

  David Oluremi• 100

  @VectorGits

  Posted 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

  @devito96

  Submitted 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

  20

  

  David Oluremi• 100

  @VectorGits

  Posted 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

  This comment has received 1 replyShow
• 

  Sahorri• 120

  @Sahorri

  Submitted 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

  30

  

  David Oluremi• 100

  @VectorGits

  Posted 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