Skip to content

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

css changes

parent fe153d35
Showing with 10 additions and 11 deletions
assets/css/float.css
...@@ -57,10 +57,7 @@ figure { ...@@ -57,10 +57,7 @@ figure {
} }
figure img { figure img {
max-width: 100%;
width: 100%; width: 100%;
height: 25em;
object-fit: contain;
} }
/***** Float css *****/ /***** Float css *****/
...@@ -75,10 +72,6 @@ figure img { ...@@ -75,10 +72,6 @@ figure img {
width: 30%; width: 30%;
} }
figure {
width: 50%;
}
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
...@@ -103,6 +96,11 @@ figure img { ...@@ -103,6 +96,11 @@ figure img {
padding: 3%; padding: 3%;
height: 50vh; height: 50vh;
} }
figure img {
height: 25rem;
object-fit: contain;
}
} }
/***** End Float css *****/ /***** End Float css *****/
\ No newline at end of file
float-layout.html
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<body> <body>
<div class="column"> <div class="column">
<div class="logo"> <div>
<img src="assets/img/logo-aoc.png" width="85" height="30"> <img src="assets/img/logo-aoc.png" width="85" height="30">
</div> </div>
<div class="info"> <div class="info">
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<p>1 Year Free Mobile Security</p> <p>1 Year Free Mobile Security</p>
</div> </div>
<figure> <figure>
<img src="assets/img/image-1.png" class="c-img"> <img src="assets/img/image-1.png">
</figure> </figure>
</div> </div>
<div class="column"> <div class="column">
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
<p>1000 pts Discount on Subscription</p> <p>1000 pts Discount on Subscription</p>
</div> </div>
<figure> <figure>
<img src="assets/img/image-6.png" class="c-img"> <img src="assets/img/image-6.png">
</figure> </figure>
</div> </div>
</body> </body>
......
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