Frontend Mentor|Blog Preview Card

Community feedback

• 

  P

  Krzysztof Krawczyński•80

  @cravskyPosted about 2 months ago

  Hi, congratulations on finishing this challenge!

  There are some areas that could be improved.

  1. You can use css variables to define colors and reuse them across your project. That way it is easy to replace color in all places at once. LINK

  // example
  :root {
      --yellow: hsl(47, 88%, 63%);
      --white: hsl(0, 0%, 100%);
      --gray-500: hsl(0, 0%, 42%);
      --gray-950: hsl(0, 0%, 7%);
  }
  p {
      color: var(--gray-500);
  }
  

  2. Border on your card seems a little thick, you may try border: 1px solid black;
  3. You may want to adjust image border-radius
  4. There is a way to auto-format your html with keystroke Shift+Alt+F (on window)

  I hope that helps, happy coding!

  Marked as helpful

  0