Mobile first design utilizing CSS Flexbox

Community feedback

• 

  Rayane•1,935

  @RayaneBengaouiPosted over 3 years ago

  Hello Justin,

  Congrats for completing your first challenge ! 🙂

  Almost identical to the design, but don't worry, the goal is not to match 100% of the design file as long as you grasp everything about the implementation!

  For the buttons, they are inside a the same container as the button, thus, they both try to fit in the box. But it's a normal behavior as CSS is originally meant to be responsive. You could add fix heights or play with min-height and max-height to restrict the text container to expand.

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

  2

  ---

  

  Justin•165

  @DeusMalsithPosted over 3 years ago

  @RayaneBengaoui Thank you for your help! I actually went and looked at your profile and noticed you had done this challenge as well. I learned a lot from your code that would basically fix all of the small problems I had.

  1

  

  Rayane•1,935

  @RayaneBengaouiPosted over 3 years ago

  @DeusMalsith Your welcome, nice to hear it helped ! Hope to see you soon on other challenges ! 😃

  0
• 

  Anpanman•10

  @hkboyracerPosted over 3 years ago

  Dear Justin, I would like to know if you are using 3 containers to create this, or you use columns and row?

  I am in the journey of having this challenge. :)

  0

  ---

  

  Justin•165

  @DeusMalsithPosted over 3 years ago

  @hkboyracer I'm using one container that encapsulates all three cards and I used flexbox to determine whether they are columns or rows at different viewport sizes.

  0