improve image responsive view
This commit is contained in:
@@ -43,9 +43,10 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
min-width: 60%;
|
||||||
|
margin: auto;
|
||||||
|
display: block;
|
||||||
height: auto;
|
height: auto;
|
||||||
vertical-align: middle;
|
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -107,7 +108,7 @@ a:hover {
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 0.875rem 1.25rem;
|
padding: 0.875rem 1.25rem;
|
||||||
margin: .25rem;
|
margin: 0.25rem;
|
||||||
border-radius: 0.625rem;
|
border-radius: 0.625rem;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: var(--btn-txt-color);
|
color: var(--btn-txt-color);
|
||||||
@@ -393,6 +394,10 @@ nav .nav-btn {
|
|||||||
padding: 15% 5% 0;
|
padding: 15% 5% 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.social,
|
.social,
|
||||||
.share {
|
.share {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user