how to re-size the image flyer link in css - html

Question

I have the image link which displayed on personal website.I am trying to re-size the image by creating css style sheets on this image since i was copy the code direct and paste to the page and i need to displayproperly on mobile devices
code
<div id="TA_selfserveprop634" class="TA_selfserveprop">
<ul id="FkGjsTFbWr" class="TA_links aICFqBWnArX">
<li id="v65BTuNt" class="Id2gL5m3F1"><a target="_blank" href= "https://www.tripadvisor.com/"><img src="https://www.tripadvisor.com/img/cdsi/img2/branding/150_logo-11900-2.png" alt="TripAdvisor"/></a>
</li></ul></div>
<script src="https://www.jscache.com/wejs?wtype=selfserveprop&uniq=634&locationId=307103&lang=en_US&rating=true&nreviews=5&writereviewlink=true&popIdx=true&iswide=false&border=true&display_version=2"></script>
</div>
</div>
CSS
.TA_selfserveprop{
width:10%;
height:10%;
}
.TA_links aICFqBWnArX{
width:10%;
height:10%;
}
.Id2gL5m3F1{
width:10%;
height:10%;
}
When refresh my page this CSS styles does not have any effects on image..
Can anyone let me know on how to rearrange the coding style so that the Size of the image displayed properly on my website.

Answer 1

If you want to make a div responsive and full screen at any device, you should use width: 100% and height: 100%.
#CDSWIDSSP {
width: 100%!important;
height: 100%!important;
}
.TA_selfserveprop {
width: 100%!important;
height: 100%!important;
}
body,
html {
width: 100%;
height: 100%;
}
#CDSWIDSSP .widSSPData {
height: 100%;
}
#CDSWIDSSP .widSSPData {
overflow: auto!important
}
<div id="TA_selfserveprop634" class="TA_selfserveprop">
<ul id="FkGjsTFbWr" class="TA_links aICFqBWnArX">
<li id="v65BTuNt" class="Id2gL5m3F1">
<a target="_blank" href="https://www.tripadvisor.com/">
<img src="https://www.tripadvisor.com/img/cdsi/img2/branding/150_logo-11900-2.png" alt="TripAdvisor" />
</a>
</li>
</ul>
</div>
<script src="https://www.jscache.com/wejs?wtype=selfserveprop&uniq=634&locationId=307103&lang=en_US&rating=true&nreviews=5&writereviewlink=true&popIdx=true&iswide=false&border=true&display_version=2"></script>
</div>
</div>
please note that for height: 100% you need to set this for body and html.