Simple Card Box Using Flexbox

Community feedback

• 

  Alex•3,130

  @Alex-Archer-IPosted 5 months ago

  Hi

  It's a neat work, but setting width of main to 25% wasn't a good idea =) On the mobile version, which is 375px, the width of the card is 94px.

  Here is a tip for simple responsive width:

  main {
      width: 95%;
      max-width: 40rem;
  }
  

  That way it'll keep 40rem width and become 95% if screen size will be less. Of course, you can use any values, it's just an example.

  The same about the avatar picture - it's quite a tiny element, so there is no harm to hardcode it's width =)

  Overall, cool work, keep doing =)

  Marked as helpful

  0

  ---

  

  REXX•110

  @yorisePosted 5 months ago

  Ohh I see. Thanks for your efforts in correcting my code and for the feedback. 😁😁😃 @Alex-Archer-I

  1

  

  Alex•3,130

  @Alex-Archer-IPosted 5 months ago

  @yorise

  Glad I could help =) Feel free to ask or comment if you need =)

  0