Mobile First, scss, grid and flex

Community feedback

• 

  eagermonument81•210

  @ixtk

  Posted almost 4 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

  11
• 

  GerLC•455

  @GerLC

  Posted almost 4 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.

  01