Skip to content

T
training-responsive-layout
Commit da037b98 by Ajmal.S
Options

corrections

parent f1c50450
Showing with 11 additions and 10 deletions
assets/css/style.css
...@@ -8,7 +8,8 @@ body { ...@@ -8,7 +8,8 @@ body {
} }
.logo { .logo {
position: relative; position: absolute;
top: 16px;
} }
hr { hr {
...@@ -57,10 +58,14 @@ hr { ...@@ -57,10 +58,14 @@ hr {
figure { figure {
float: right; float: right;
margin: 0;
} }
figure img { figure img {
max-width: 100%; max-width: 100%;
width: 100%;
height: 25em;
object-fit: contain;
} }
@media only screen and (min-width: 540px) { @media only screen and (min-width: 540px) {
...@@ -82,9 +87,10 @@ figure img { ...@@ -82,9 +87,10 @@ figure img {
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
.column { .column {
width: 50%; width: 50%;
max-height: 500px; max-height: 400px;
float: left; float: left;
padding: 5%; padding: 5%;
height: 50vh;
} }
figure { figure {
...@@ -98,17 +104,12 @@ figure img { ...@@ -98,17 +104,12 @@ figure img {
max-height: 484px; max-height: 484px;
float: left; float: left;
padding: 3%; padding: 3%;
height: 50vh;
} }
.logo { .logo {
bottom: 7%; top: 20px;
right: 8%; left: 15px;
}
.c-img {
height: max(350px, 15vh);
object-fit: contain;
max-width: 250px;
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment