Responsive page using flexbox

Community feedback

• 

  Manjesh R V•320

  @manjeshrv592Posted almost 2 years ago

  About font family in your css body selector your using font-family property 2times. So the last property value is used by the browser. Just remove font-family: 'Fraunces', serif; in body tag and font will be fixed for body.

  In your css file select all heading tags and set their font family to Fraunce, So it should look something like this h1,h2,h3,h4,h5,h6 {font-family: 'Fraunces', serif;}

  Now browser will use 'Montserrat' for body and 'Fraunces' for titles.

  For letter spacing select the tag and add css property 'letter-spacing'. Play with the values and see what works. 5px would work for this challenge.

  I see image is not visible. You're using wrong path for the src and srcset attributes. According to your folder structure image path should be ./image-product-desktop.jpg or ./image-product-mobile.jpg

  Happy coding 👍

  Marked as helpful

  0

  ---

  

  Abhishek Daga•10

  @abhishekdagaPosted almost 2 years ago

  @manjeshrv53, Worked like charm! Thanks. I changed the image path immediately after upload when I uploaded the images directly instead of folder in git. I can see the images, but don't know if everyone can see them.

  0