Design comparison
Solution retrospective
i am proud of undertaking this and doing it to the best of my current knowledge and ability.
What challenges did you encounter, and how did you overcome them?I used flex to center my overall design because i saw somewhere that that is the use for it. i don't quite understand it but it did the job
What specific areas of your project would you like help with?css positioning and moving of items. knowing the professional thing to do when conventional moving and positioning dont seem to work, like align item to center, setting margin to auto, sometimes these dont do what you know that they do.
Community feedback
- @OmarYYasserPosted 19 days ago
i think you add property that's not needed the main container you made display flex, justify content center and margin and you don't need it flex justifiy the content,the margin auto will center the element but make sure the display is block or inline-block that will make the element respect this value otherwise will not do it and when center you have many ways this will help you here and i recommand for me and i think most of the pages don't give fixed width that sometime good for something like imgs to take full width or somthing but content give it padding margin and font size but don't give fixed width (you content have overflow problem) if you want to make the both for some reason have the same with you can make display flex and every element have flex: 1 or flex-grow 1 will give all free spaces to all as same and yeah if you have another question and want to ask feel free to ask :D and i recommand you to watch people on youtube make projects on youtube and watch how they do it do like html and css portfolio project or e-commerce and learn the concept not coping specialy the container concept that's really important for responsive, see how he split the hero section how he manage the grid or flex i would recommand alzero web school if you speak arabic only otherwise you will not understand and yeah enjoy your coding
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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