Skip to content

S
Simple-responsive-layout
Commit e857e484 by Vinod
Options

changed the display method for bg color

parent 94a990b9
Showing with 31 additions and 6 deletions
CSS/style.css
...@@ -9,6 +9,31 @@ body { ...@@ -9,6 +9,31 @@ body {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
} }
.row>div:nth-child(1) {
background-color: #41ca6e;
}
.row>div:nth-child(2) {
background-color: #fab153;
}
.row>div:nth-child(3) {
background-color: #7277d5;
}
.row>div:nth-child(4) {
background-color: #f87d51;
}
.row>div:nth-child(5) {
background-color: #ed5466;
}
.row>div:nth-child(6) {
background-color: #4ec2e7;
}
.hline { .hline {
width: 10rem; width: 10rem;
height: 1.5px; height: 1.5px;
......
desktop.html
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
<body> <body>
<div class="row"> <div class="row">
<div class="column" style="background-color: #41ca6e"> <div class="column">
<img class="main-logo" src="/Logos/logo-aoc.png" alt="logo-aoc"> <img class="main-logo" src="/Logos/logo-aoc.png" alt="logo-aoc">
<div class="desc"> <div class="desc">
<img class="logo" src="/Logos/logo-f-secure.png" alt="logo-f-secure"> <img class="logo" src="/Logos/logo-f-secure.png" alt="logo-f-secure">
...@@ -26,7 +26,7 @@ ...@@ -26,7 +26,7 @@
<img class="image1" src="/Images/image-1.png" alt="image-1"> <img class="image1" src="/Images/image-1.png" alt="image-1">
</div> </div>
<div class="column" style="background-color: #fab153"> <div class="column">
<div class="desc"> <div class="desc">
<img class="logo" src="/Logos/logo-digitainment.png" alt="logo-f-secure"> <img class="logo" src="/Logos/logo-digitainment.png" alt="logo-f-secure">
<div class="title"> <div class="title">
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
<img class="images" src="/Images/image-2.png" alt="image-2"> <img class="images" src="/Images/image-2.png" alt="image-2">
</div> </div>
<div class="column" style="background-color: #7277d5"> <div class="column">
<div class="desc"> <div class="desc">
<img class="logo" src="/Logos/logo-adaptxt.png" alt="logo-f-secure"> <img class="logo" src="/Logos/logo-adaptxt.png" alt="logo-f-secure">
<div class="title"> <div class="title">
...@@ -54,7 +54,7 @@ ...@@ -54,7 +54,7 @@
<img class="images" src="/Images/image-3.png" alt="image-3"> <img class="images" src="/Images/image-3.png" alt="image-3">
</div> </div>
<div class="column" style="background-color: #f87d51"> <div class="column">
<div class="desc"> <div class="desc">
<img class="logo" src="/Logos/logo-hungama.png" alt="logo-f-secure"> <img class="logo" src="/Logos/logo-hungama.png" alt="logo-f-secure">
<div class="title"> <div class="title">
...@@ -68,7 +68,7 @@ ...@@ -68,7 +68,7 @@
<img class="images" src="/Images/image-4.png" alt="image-4"> <img class="images" src="/Images/image-4.png" alt="image-4">
</div> </div>
<div class="column" style="background-color: #ed5466"> <div class="column">
<div class="desc"> <div class="desc">
<img class="logo" src="/Logos/logo-adaptxt.png" alt="logo-f-secure"> <img class="logo" src="/Logos/logo-adaptxt.png" alt="logo-f-secure">
<div class="title"> <div class="title">
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
<img class="images" src="/Images/image-5.png" alt="image-5"> <img class="images" src="/Images/image-5.png" alt="image-5">
</div> </div>
<div class="column" style="background-color: #4ec2e7"> <div class="column">
<div class="desc"> <div class="desc">
<img class="logo" src="/Logos/logo-read-where.png" alt="logo-f-secure"> <img class="logo" src="/Logos/logo-read-where.png" alt="logo-f-secure">
<div class="title"> <div class="title">
......
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