search

masakudamatsu / colmar_academy

0 stars 0 forks source link

Breakpoint in information section #19

Closed melissamcewen closed 5 years ago

melissamcewen commented 6 years ago

This extra margin stood out when I was looking in Chrome dev tools responsive mode (https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports) : colmar_academy

One thing I would look into is either making the breakpoint move from mobile to desktop sooner for this section or making the items stretch to fill the whole screen

masakudamatsu commented 5 years ago

We solve this issue by the use of

margin: 0 auto;
max-width: 608px;

where 608px is the sum of the image width (576px) and the side margins (16px x 2).