Design comparison
SolutionDesign
Solution retrospective
Please tell me how I can align the main container vertically in the best way.
Community feedback
- @ashwinl12Posted over 3 years ago
To align them at the center of the page use absolute and relative positioning. But first u have to rename the class of all the cards to a common name like "cards card-x". Then inside the flex-container use "position: relative;" and inside the common class cards use "position: fixed; right: 100%; left:100%; transform: translate(-50%, -50%);". This will do the job :)
0
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