Mobile first site using html, css-flexbox.

Community feedback

• 

  Mojtaba Mosavi•3,760

  @MojtabaMosaviPosted over 3 years ago

  1- using relative units such as rem and em make you styles behave more as expected across different divices because they are based on the defualt fontize and they change accordingly. Personaly I use em for media queries and rem for paddings and margins.

  2- Try to use descriptive names for you markup, for instance para could be substitued with description. I suggest you spend some time reading about BEM because it makes it easier for you to name stuff amoungst many other benefits.

  Keep coding :=)

  Marked as helpful

  2
• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  you should change the background-size on your body tag from 100% to 100vw 40vh

  Marked as helpful

  1
• 

  Ahmed Faisal•5,095

  @afrusselPosted over 3 years ago

  • Using a max-width: 450px; for .card class
  • Change image fix height as well

  1