Help me put a checkbox next to a button in CSS
Budget: $10 – $30 USD
I have an answers-container div that's going to contain 4 rows, each with a checkbox and a button like the image attached to this project.
The problem is, I can't figure out how to get the width of the checkbox to be the same as the height, since if I set answers-container to be a grid and do grid-template-rows: 25% 25% 25% 25% the height of each answer will be correct but there's no way to set the width to be the same as the height. I know it's possible to do this in Jquery by manually grabbing the value of the height, but if possible I would like to find a solution in CSS.
I saw an answer that used a dummy div with padding set to a percentage which inherits that percentage from the parent, but I couldn't figure out a way to get that method to work while still keeping the button divs next to the checkboxes.
I don't have much code to share because I've deleted and rewritten this so many times, but this is the codepen:
https://codepen.io/TheNomadicAspie/pen/QWvWOgz
Please includes the words "CSS Checkbox" in your bid so I know you can complete the project for the amount mentioned in your bid. Please do not bid if you need to negotiate on the price, this is really simple and I just need someone who knows more than me to help me with a few lines of code.
The problem is, I can't figure out how to get the width of the checkbox to be the same as the height, since if I set answers-container to be a grid and do grid-template-rows: 25% 25% 25% 25% the height of each answer will be correct but there's no way to set the width to be the same as the height. I know it's possible to do this in Jquery by manually grabbing the value of the height, but if possible I would like to find a solution in CSS.
I saw an answer that used a dummy div with padding set to a percentage which inherits that percentage from the parent, but I couldn't figure out a way to get that method to work while still keeping the button divs next to the checkboxes.
I don't have much code to share because I've deleted and rewritten this so many times, but this is the codepen:
https://codepen.io/TheNomadicAspie/pen/QWvWOgz
Please includes the words "CSS Checkbox" in your bid so I know you can complete the project for the amount mentioned in your bid. Please do not bid if you need to negotiate on the price, this is really simple and I just need someone who knows more than me to help me with a few lines of code.
Related categories:
CSS