Click here to Skip to main content
15,947,612 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
I have a problem when I change the auto value to 100%, the thumbnails appear completely without cropping in the phone mode, and in the desktop mode the pictures do not appear, what is the solution.

-------------
This is the line of code:

.img-thumbnail img{width:100%;height:auto;border-radius:0;box-sizing:border-box;}

What I have tried:

.img-thumbnail img{width:100%;height:auto;border-radius:0;box-sizing:border-box;}
Posted
Updated 14-May-22 4:04am

Try adding padding and amend border-radius like,
.img-thumbnail img{width:100%;height:auto;box-sizing:border-box;padding:0;border-radius:50%}

Hope this helps.
 
Share this answer
 
v2
Comments
ĞĤØŞŢ NASRO 14-May-22 10:03am    
The bug was found, the value has been changed max-width to 16000 instead of 480, thanks for participating

@media only screen and (max-width:480px){
#footer-navmenu ul li a {
display: inline-flex;
}
The bug was found, the value has been changed max-width to 16000 instead of 480, thanks for participating

@media only screen and (max-width:480px){
#footer-navmenu ul li a {
display: inline-flex;
}
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900