Single price grid component using flexbox
Design comparison
Solution retrospective
Open for any feedback 😊
Community feedback
- @nicm42Posted over 4 years ago
This looks really great and I like the effect when hovering over the button.
The only thing I'd say is that you've overcomplicated your CSS selectors. For example, you only have one div with the class subscription, so in your CSS you just need: .subscription { rather than .single-price .subscription { It just makes it all shorter, easier to read, and avoid typos that will drive you crazy wondering why it's not working.
You can also use a class twice and only mention it once. So you have a class of title. Rather than having: .single-price .subscription > .title, .single-price .description > .title { you just need .title {
1
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