i am trying to get this output i tried to replicate this but the check marks became small sized (the image being used was an svg file) like so in the below picture. i am stuck here The CSS code i used:
li{
font-size: 21px;
margin-bottom: 1rem;
list-style-image: url("images/download.svg");
}
And i also don't know on how to add the background color to replicate the process.can you show me on how to get the output as in the above picture.
Try this
ul {
list-style-type: none;
}
ul li:before {
content: '';
display: inline-block;
height: 10px;
width: 10px;
background-size: 10px;
background-image: url("http://www.freepngimg.com/thumb/star/1-red-star-png-image-thumb.png");
background-repeat: no-repeat;
margin-right: 5px;
}