mirror of
https://github.com/hazemKrimi/personal-website.git
synced 2026-05-01 18:00:26 +00:00
chore: styles improvements for image aspect ratio and line height
This commit is contained in:
@@ -42,7 +42,7 @@
|
|||||||
body {
|
body {
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: 'Open Sans', sans-serif;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
line-height: normal;
|
line-height: 1.5;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
|
|
||||||
background-color: var(--background);
|
background-color: var(--background);
|
||||||
|
|||||||
@@ -33,6 +33,12 @@ main #content .highlight pre {
|
|||||||
padding: 0rem;
|
padding: 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
main #content img {
|
||||||
|
width: 100%;
|
||||||
|
aspect-ratio: 4 / 3;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 1024px) {
|
@media only screen and (max-width: 1024px) {
|
||||||
main #container {
|
main #container {
|
||||||
display: block;
|
display: block;
|
||||||
|
|||||||
Reference in New Issue
Block a user