nabs624 0 Share Posted July 5, 2019 (edited) I have created a CSS button but it is not responsive. How do I make it so that it's responsive? (I have little knowledge in coding) This is the CSS code I'm using: .checkoutbutton { font-family: roboto; font-size: 18px; color: hsl(0,100%,0%); background-color: hsl(48,100%, 50%); font-weight: 700; font-style: normal; text-align: center; width: 100%; text-decoration: none; padding: 21px 40px; margin: 10px; border: 2px; border-style: none; } .checkoutbutton:hover { color: #000; background-color: hsl(50, 100%, 50%); text-decoration: none; border: 2px; border-style: solid; border-color: hsl(50, 100%, 50%); } Edited July 5, 2019 by nabs624 Initial Revision Link to post
0 tuanphan 8,979 Share Posted July 5, 2019 Responsive? What do you mean? You can send your question to my email to get detail answer. / How to Setup Password & Share URL --- Happy New Year Link to post
Question
nabs624 0
I have created a CSS button but it is not responsive. How do I make it so that it's responsive? (I have little knowledge in coding)
This is the CSS code I'm using:
.checkoutbutton { font-family: roboto; font-size: 18px; color: hsl(0,100%,0%); background-color: hsl(48,100%, 50%); font-weight: 700; font-style: normal; text-align: center; width: 100%; text-decoration: none; padding: 21px 40px; margin: 10px; border: 2px; border-style: none; }
.checkoutbutton:hover { color: #000; background-color: hsl(50, 100%, 50%); text-decoration: none; border: 2px; border-style: solid; border-color: hsl(50, 100%, 50%); }
Edited by nabs624Initial Revision
Link to post
Top Posters For This Question
1
1
Popular Days
Jul 5
2
Top Posters For This Question
nabs624 1 post
tuanphan 1 post
Popular Days
Jul 5 2019
2 posts
1 answer to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment