Unfortunately I could not figure it out how to style up the slider to the way how it looks in the design, therefore for any kind of input I would be grateful.
Eseoghene
@EseAlliAll comments
- @zambobenceSubmitted about 2 years ago@EseAlliPosted about 2 years ago
Hello Bence, awesome job. Here are some materials that helped me with style the slider
Creating A Custom Range Input That Looks Consistent Across All Browsers
Marked as helpful0 - @Clement1kalu-okerekeSubmitted about 2 years ago
I am open to Constructive criticism concerning this project
@EseAlliPosted about 2 years agoHey Clement, awesome work. To center the component in the middle of the page, you can use flex like this:
body{ min-height: 100vh; display: flex; justify-content: center; align-items: center }
0 - @1991facundoSubmitted about 2 years ago
I could't make it the letters to look like in the guide you sent me. How can i do it properly?
@EseAlliPosted about 2 years agoGreat job Facundo, you can change and make the text look like the guide by setting a font size the h1 tag.
.container h1{ font-size: 1.5rem; }
Marked as helpful0 - @ssembatya-dennisSubmitted about 2 years ago
Hello everyone 👋🏽 During Development I successfully failed to style my accordion card to ensure that content doesn't overflow outside the card when the details tag is opened and am still not sure how to approach this problem.
I'm also not certain how to implement this card with plain JS and I will be glad if you have a look into my solution and inform me how to improve my code. Thanks everyone...
@EseAlliPosted about 2 years agoHey Ssembatya, the overflow problem you are having is because of the height you set on your accordion card. Instead of using height, try adding padding to your card.
Marked as helpful1 - @pradeep0712Submitted about 2 years ago
how can i improve this further? how to make it as responsive btw?
@EseAlliPosted about 2 years agoHi, awesome work. Here are some things I think you can add to your solution
- try adding font-weight to these texts - Annual Price, Change, Proceed to Payment, and Cancel
- Change the color of some of the text to match that od the design.
1