I found difficult using media queries in order to make the mobile design, since when applying it, it would cut my .left-container in half. To correct this, I changed height: 100vh; in body to min-height: 100vh; To be honest, I'm not completely sure of why that change helped my .left-container to be fully shown with my mobile view, however, I did notice it did not exactly show it as it appears on the mobile-design.jpg image in the design folder, since mine, shows white corners right on top. I wonder if the organization of my CSS is right, I tried to organize it the best I could, but I do feel I used too many DIVS and I wonder if I could have simplified that or if I should have used something else than flex box to organize my CSS. Other than that, I think my second project went fairly easy, I hope to continue learning and looking for ways in which I will be able to improve.
@Hawk3037
Posted
I have checked your previous problem too so I want you to try using a display block or inline block in your media queries. and then give them a specific width or height you need so sometimes using other display properties is also convenient for more check my solution. hope it will help if not then tell me.
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
