Mykyta Kavetskyi

Latest comments

• 

  Mazen Mohamed•90

  @lowkey-mazen

  Submitted over 1 year ago

  

  Product card design using HTML and CSS.

  2

  60
  

  Mykyta Kavetskyi•240

  @OniOdd

  Posted over 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! :)

  1

  Marked as helpful
• 

  Ghratika Gupta•20

  @ghratika

  Submitted almost 2 years ago

  

  Mobile-first solution using CSS Grid and Flexbox

  2

  50
  

  Mykyta Kavetskyi•240

  @OniOdd

  Posted almost 2 years 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! 👍

  0

  Marked as helpful