
Design comparison
SolutionDesign
Solution retrospective
What challenges did you encounter, and how did you overcome them?
Positioning of elements on the website was a little bit challenging, but I did my best. I will improve some things in the future
Community feedback
- P@stevensunaPosted 23 days ago
You're on the right track using Flexbox! To improve positioning further:
- Master Flexbox: Explore
justify-content
, understandalign-content
vs.align-items
for multi-line layouts. - Learn
position
Property: Understandrelative
,absolute
,fixed
,sticky
, and when to use each (vs. defaultstatic
). - Use Margins & Padding Wisely: Choose between them to control spacing effectively.
- Consider CSS Grid: For complex, two-dimensional layouts, Grid can be very powerful.
To practice:
- Do layout challenges.
- Experiment with
position
values in small code examples. - Use browser dev tools to visualize layouts.
- Refer to MDN documentation.
Keep practicing – positioning skills improve over time! You've got a good foundation.
0 - Master Flexbox: Explore
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