Responsive Blog Preview Card

Community feedback

• 

  John Mirage•1,590

  @john-miragePosted 8 months ago

  hello, nice work

  here are some ways to improve your project

  • You can add meta tags for social media so your project in well represented on facebook twitter etc.. metatags
  • You can generate favicons for all the devices on this website
  • Use html semantic tags to surround your content in the body, it is better for accessibility and SEO (<main> <header> <footer> etc...).
  • You can use the BEM methodology for the name of your classes, it helps a lot.
  • You should try to use REM instead of px for the sizes, it is better.

  The project require some media queries for the texts. You can add them with:

  .text {
    font-size: 1rem;
  }
  @media screen and (min-width: 576px) {
    .text {
      font-size: 1.5rem;
    }
  }
  

  The rules defined on the text class will be apply when the screen is 576px of width minimum, so before 576px the text will be 1rem and after 1.5rem.

  Marked as helpful

  0

  ---

  

  joelani•80

  @joelaniPosted 8 months ago

  @john-mirage

  0

  

  joelani•80

  @joelaniPosted 8 months ago

  @john-mirage thank you for your feedback, I really appreciate ❤️

  0