Submitted over 4 years ago
Pricing component with toggle using jQuery, CSS, HTML
@NPelivan
Design comparison
SolutionDesign
Solution retrospective
Any feedback is welcomed.
Community feedback
- @Mahesh-yadavPosted over 4 years ago
-
Text
Annually
andMonthly
and thecheckbox
are not aligned vertically. One way to do is to make their containerdiv
element a flex box usingdisplay: flex
and settingalign-items: center
. -
background of checkbox is not a color. you can use a
linear-gradient
. e.g.background: linear-gradient(to right, #color1, #color2)
-
Similarly, button background should be set using
linear-gradient
. -
The background gradient on middle card is from top-left to bottom-right.
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