Responsive Landing Page using Flexbox and media queries.

Solution retrospective
I proud that i could do the shape of product view is close same what the task need. I used flexbox, but I see that I can't make it very well. I can guess that there are more solutions and methods to style. Even I want get feedback if there is a good method to using flexbox in different way. And if there is other method like using grid system i hope you to tell me. I learned using more picture and hide some of them.
What challenges did you encounter, and how did you overcome them?In mobile version, I want to style the image in top, but I take some time to see what the width is good for that to show the picture and the details under it. I will talk in trust, I try to change the width and height to get the good view.
What specific areas of your project would you like help with?font family, I try to use font family that is included in style-guide, but I observe that isn't like in the task.
And customize the picture and the text if i use flex in good way and i strictly select width and height for the component.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@SrkiMax
Hi Abdelrahman,
You can try using Bootstrap, it will save you a lot of time of writing code. They have a good grid system and responsive div containers so it gets easier than using Flexbox. Also, do not use both width and height dimensions, as you will end up with the text and components going out of borders of the parent elements when downsizing to smaller sized screens. Set only width, without setting height. Happy coding!
Marked as helpful
Join our Discord community
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