html and css

Community feedback

• 

  Alhassan Ahmed•30

  @buraamaahmedaPosted about 2 years ago

  hI you should add border-radius to your container and the image

  Marked as helpful

  0
• 

  Akshat Tiwari•50

  @akshttPosted about 2 years ago

  You can add border radius and change the font to meet the expected output please refer to others solution to understand the where you are wrong and improve your project thanks

  Marked as helpful

  0
• 

  Anjolaolorun Fola-Oyetayo•30

  @hunchohoudini007Posted about 2 years ago

  Hey, you should have used the border-radius attribute to provide a little curve to the container corners.

  Marked as helpful

  0
• 

  Zarko Petrov•210

  @zp021Posted about 2 years ago

  Hi! Might be a small detail but I noticed that your font is not as per the challenge. This challenge used the Outfit font from google fonts, found here: https://fonts.google.com/specimen/Outfit

  You can link it in your html file:

  <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap" rel="stylesheet">

  Or import it in your css file: @import url('https://fonts.googleapis.com/css2 family=Outfit:wght@300;400;600&display=swap');

  Hope this helps and happy coding 👍

  Marked as helpful

  0
• 

  Vanza Setia•27,775

  @vanzasetiaPosted about 2 years ago

  Hi, Vinay! 👋

  The repository URL is currently github.com. I recommend updating the URL to the repository of the project.

  To make rounded corners on the image, you can use border-radius property to do that. I recommend reading the MDN documentation for the border-radius property to learn more about it.

  Also, I suggest making the img as a block element and setting max-width: 100% to make it easier to work with img element.

  That's it! I hope this helps!

  Marked as helpful

  0