I have tried to create a project that contains a black background and two div containers, one which has a centered image inside. I wish for it to resize responsively and for both div elements to jump to 100% when the screen is less than 600px.
A link to my code… https://codepen.io/conicbe/full/EpQBLO/
- why does my media max width not make any difference with flexboxes?
- How can I make it so that my main div elements stack responsively on top of each other?
- why does putting top and bottom margins on the .main class not have any visible affect on spacing?
Any advice for resolving these problems would be greatly appreciated. I have been trying to fix this for the last few hours…haha