Mobile First column preview using Flexbox

Community feedback

• 

  Muhammad Shajjar•1,100

  @muhammadshajjarPosted about 3 years ago

  You can compare your solution at solution comparison section. For design improvements I suggest you to try to get as close as possible by using your eyes and if you would have pro subscription than definitely you would have access to sketch or figma files.. Try This! this is extension by google chrome which helps to get close to design.

  Some suggestion on responsive behaviour.

  • I think there is no need to redefined your main-container width for small sizes,

    main{
  max-width: 1440px;
  width:90%;
  }
  
  

  works great for small screens too.

  Your solution responds well on every screen size and it responsive too, try to fix your card at mobile screen, it get sticks to sides, I think the suggestion I gave you would works for this one.

  Apart from this very well done :)

  Marked as helpful

  1

  ---

  

  Om Kakatkar•90

  @OmKakatkarPosted about 3 years ago

  @muhammadshajjar Thanks for your feedback and suggestions. I'll work on the changes. Also that chrome extension is really neat! Will be using it for future projects.

  0