Mobile First, scss, grid and flex

Community feedback

• 

  eagermonument81•210

  @ixtkPosted over 3 years ago

  • You can give flexbox children width: 50 or flex-basis: 50% to ensure they will only take half of the screen and won't span more than that.
  • At about 1000px the image/text sections on the top have big gap, they aren't connected
  • At about 800px images don't take full width and have whitespace around, fix this by applying width: 100% to image container
  • At about 1000px text gets too long and I would suggest using clamp() to not allow more than some number of characters

  These are just few issues, if you have specific questions feel free to ask

  Also, check the report

  1

  ---

  

  GerLC•455

  @GerLCPosted over 3 years ago

  @ixtk Thanks, I'll look into it!

  0
• 

  GerLC•455

  @GerLCPosted over 3 years ago

  Could someone look into my site and tell me if it looks like the design comparison? On my laptop it looks normal even when I compare the different resolutions on the developer tools.

  0

  ---

  

  eagermonument81•210

  @ixtkPosted over 3 years ago

  @GerLC you can generate new screenshot if you want. It looks fine on my device, though there are some problems I'll comment on

  Edit: It looks messed up on mozilla firefox. Looked fine on Google but there are general issues with the layout

  0