Closed melissamcewen closed 5 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) :
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
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).
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) :
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