Blog preview card

Community feedback

• 

  Bernardo Poggioni•5,360

  @R3ygoskiPosted 8 months ago

  Hi Kaoutar, good job!

  Answering your question about font-size, is highly recommended to use or rem(Root) or em (Element), and there's another option, that is clamp(), as it can be used to set a value range, like that: clamp(minVal, preferred, maxVal), you can find about it here: MDN Clamp.

  Marked as helpful

  0
• 

  Hitesh Prajapati•260

  @autistickyriosPosted 8 months ago

  Congratulations on completing the project! You are doing great.

  1. This is a "One-Card" type of project which fits on a non scrolling page. Your website has a scroll right now. Try to avoid that for these type of single page projects which shouldn't have scroll bar. It can be done by adding display: flex; height: 100vh; width: auto; align-items: center; justify-content: center;

  to the parent element. Create that "parent" element right after the body tag and then start coding in it.

  2. Try to avoid giving fixed widths and heights to the cards like these unless its necessary.
  3. You missed to add active states CSS on hover on that "HTML & CSS foundations" thing.

  Small mistakes! All the best for your coding journey

  Marked as helpful

  0