All comments

• 

  Mazen Mohamed• 90

  @lowkey-mazen

  Submitted about 1 year ago

  I still have no idea why any of my pictures won't load on the website. I also don't know why the font-family didn't work on the brand name (I removed it before uploading it) and I don't know how to place the cart icon on the button next to the text in a proper manner so any tips would be appreciated :)

  

  Product card design using HTML and CSS.

  2

  60

  

  Mykyta Kavetskyi• 240

  @OniOdd

  Posted about 1 year ago

  Hi! :)

  Your images are not displayed because you entered the wrong path to them. You have specified the path to the images/ folder, but the images are right next to the index.html file.

  Wrong path: images/image-product-desktop.jpg

  Right path: ./image-product-desktop.jpg

  A font family is not displayed because it is overwritten by another font family. You have placed text in the pre tag, which has its own font, monospace. Therefore, you should apply the font-family property directly to the pre tag to overwrite its default font. Also, those fonts that were connected externally (google fonts), their name must be in quotes:

  font-family: "Montserrat", sans-serif;

  font-family: "Fraunces", serif;

  To center an image with text, you need the Flexbox. Here's a mini-game that will help you learn how to use this property: https://flexboxfroggy.com/

  Good luck! :)

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  Ghratika Gupta• 20

  @ghratika

  Submitted about 1 year ago

  Please provide feedback.

  

  Mobile-first solution using CSS Grid and Flexbox

  2

  50

  

  Mykyta Kavetskyi• 240

  @OniOdd

  Posted about 1 year ago

  Hello! 😎 Here is what I can advise you:

  1. Write classes, identifiers, and selectors in general in lower case.
  2. If the class consists of two words, then separate them with a dash (for example: card-back).
  3. Try to avoid such specificity of selectors, such as: "section .CardBack .text". It is enough to use one selector.
  4. Reduce markup. Whenever possible, avoid superfluous parent elements when writing HTML. Many times this requires iteration and refactoring, but produces less HTML.
  5. It is also advisable to connect fonts in an html file using the link tag, rather than in a css file using @import.

  Good luck! 👍

  Marked as helpful

  0