Sass and grid

Community feedback

• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted about 5 years ago

  Nice work on this Kasra and congrats on submitting your first solution to the platform. It looks really good! A couple of small pointers would be:

  • The cards look a little squashed on the desktop layout when compared to the design. I'd recommend making them a little wider.
  • I'd say the cards could switch to the grid layout earlier than 1400px. At 1399px the items are very stretched.

  Keep up the great work! I'm looking forward to seeing your next solution 👍

  0

  ---

  

  Kasra Tabrizi•300

  @KasraTabriziPosted about 5 years ago

  @mattstuddert

  Hi Matt,

  Do you also have any tips for the design between 375px and 1440px? What do I pick? I'm also currently working on the Single Price Grid Component challenge and have created the design for 375px and 1440px. But the design between 375px and 1440px has the mobile design. at 1439px I switch to the desktop version. Is that good?

  0

  

  T

  Matt Studdert•13,611

  @mattstuddertPosted about 5 years ago

  @KasraTabrizi I would recommend adding media query breakpoints whenever the content starts to look either too squashed or too stretched. For example, with the pricing grid challenge, I'd say 1439px is too large and you could break to the desktop layout sooner. It's great practice to start training your eye for when you think this is. There's no one-size-fits-all approach.

  I hope that helps! Let me know if you have any other questions 👍

  0

  

  T

  Matt Studdert•13,611

  @mattstuddertPosted about 5 years ago

  @KasraTabrizi no worries! I hope you enjoyed the challenge!

  0

  

  Kasra Tabrizi•300

  @KasraTabriziPosted about 5 years ago

  @mattstuddert

  Thx for your advice! I'll see what I can do.

  0

  

  Kasra Tabrizi•300

  @KasraTabriziPosted about 5 years ago

  @mattstuddert

  Hi Matt, Thanks a lot for you fast and constructive feedback!

  0