blog-preview-card-main

Community feedback

• 

  Alexandru Stroe•120

  @alstrowPosted 4 months ago

  Hey

  Congrats on completing the challenge. It looks very good and I like it, here are some things you could improve:

  • You should add another text to images <img src="source" alt="text">. This helps both the search engine and the user, in case the image cannot be displayed
  • You could adopt a sleeker design by adding spaces between the elements in <div class="mini-2">. In CSS you can add the gap property:

  .mini-2{
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  }
  

  • One last thing, is the :hover' state after the element that you want to have special properties when the user hovers over it. In the original design, the title <h3>HTML & CSS Foundations</h3>` changes color when hovered in yellow. you can achieve this using:

  .mini-2 h3{
      font-family: 'MyCustomFont';
      color:  black;
      margin-top: 8px;
  }
  .mini-2 h3:hover{
      color:  yellow;
  }
  

  I hope you will receive my feedback as a helper and good luck with the next projects :)

  Happy coding!!

  Marked as helpful

  0