Submitted over 2 years ago
3-column preview card component using HTML and CSS
@Peteksi95
Design comparison
SolutionDesign
Solution retrospective
All feedback is greatly appreciated! Is there something i could do better or simpler? Thank you!
Community feedback
- @correlucasPosted over 2 years ago
πΎHello Petri, congratulations for your new solution!
Hey Petri, I've some alternatives for your solution
You could have created this same grid like this, dividing the
max-width
by 3:grid-template-columns: 1fr 1fr 1fr; max-width: 900px; justify-content: center;
and center everything withou
position absolute
using the body and flex:body { min-height: 100vh; font-family: 'Big Shoulders Display', cursive; font-family: 'Lexend Deca', sans-serif; color: hsla(0, 0%, 100%, 0.75); font-size: 15px; display: flex; align-items: center; justify-content: center; }
π I hope this helps you and happy coding!
Marked as helpful0@Peteksi95Posted over 2 years ago@correlucas Thank you very much, really helpful as always :)
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