Responsive Web Page using SASS

Community feedback

• 

  Rayane•1,935

  @RayaneBengaouiPosted over 3 years ago

  Hello Tin.Pham,

  Congrats for completing this challenge ! 🙂

  I would like to suggest :

  • When using a flex container it's better to use flex-basis property than width because it will be easier for flex items to resize if the container width changes. Here is a good article to understand what's the difference between width and flex-basis (https://mastery.games/post/the-difference-between-width-and-flex-basis/).

  • Use mix-blend-mode: multiply to get closer to the image color.

  • Reduce the line-height to match better the design.

  Overall, well done for the challenge and happy coding ! 😃

  1

  ---

  

  Tin.Pham•250

  @tin-phamPosted over 3 years ago

  @RayaneBengaoui Oh thanks , very appricate ^ ^

  0

  

  Tin.Pham•250

  @tin-phamPosted over 3 years ago

  @RayaneBengaoui Thanks for give me the "mix-blend-mode" stuff, I change the lightness of hsl but cant march the image, and now I know why

  0
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Hi there, Tin Pham! 👋

  Well done on this challenge! 👍 The card component looks good and is responsive! 😀

  I just suggest giving the image a smaller max-width in the mobile layout because it is quite wide, at the moment (and therefore a bit large) when the layout of the page first changes. 😉

  Keep coding (and happy coding, too)! 😁

  0