Single price challenge

Community feedback

• 

  seyide hundeyin•440

  @SeyideHundeyinPosted almost 4 years ago

  Hi,

  You did a great job on this challenge and you can work on the media queries to make it more responsive on mobile.

  2

  ---

  

  Maria Urdapilleta•55

  @mariaUrdaPosted almost 4 years ago

  @SeyideHundeyin HI! Thanx ♥ I'm struggling a bit with media queries, can't fully understand how it works yet.
  If you have some advice on documentation I can read about it, i'd appreciate !

  0

  

  seyide hundeyin•440

  @SeyideHundeyinPosted almost 4 years ago

  @mariaUrda oh for sure. you can check freecodecamp.org, youtube videos, or check here https://www.w3schools.com/css/css_rwd_mediaqueries.asp to learn more about it.

  I hope that helps.

  1
• 

  Kyrylo Lvov•160

  @kyrylolvovPosted almost 4 years ago

  Hey 😀

  Great job on this challenge! 🏆

  The only thing I might recommend is taking a look at media queries, as you have some issues with responsiveness on some of the resolution. I believe, the problem is caused by padding right in the first row. Also, you might want to consider using a short version for padding, when you just write "padding: 0 0 0 0" which indicated padding from top, right, down, left respectively! 🙂

  2

  ---

  

  Maria Urdapilleta•55

  @mariaUrdaPosted almost 4 years ago

  @kyrylolvov thanx a lot! Yes, i had huge problems with media query and haven't quite catch the trick yet. Still can't make it fit the mobile width requested without using padding right. Somehow if I remove that padding, the whole text goes to hell haha But I'll keep tryng :)

  As for the short version of padding, just tried it and works perfectly, thanx for the trick.

  1