Submitted almost 3 years ago
Footer Menu using Flex Wrap / Fixed Height / Flex Direction Column
@cholis04
Design comparison
SolutionDesign
Solution retrospective
Clipboard landing page solution - Frontend Mentor
It's very interesting when creating a menu that wraps the column sideways horizontally or whatever it's called.
The first thing I did was
- Added Display flex to the wrapper
- Set Fixed Height Size on the wrapper, in this case, menu in the footer.
- Added Flex Wrap.
- And Justify content: space-between so that the position of the menu items is even.
It's just that this method is good if the menu consists of 2 lines. if more than 2, the last 2 menu item positions will not look good.
Do you have any better suggestions for dealing with something like this?
Community feedback
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