changed the display method for bg color

e857e484 · Vinod · 94a990b9 · e857e484 · e857e484
Commit e857e484 authored Mar 03, 2023 by Vinod
Show whitespace changes
Inline Side-by-side

Showing with 31 additions and 6 deletions

style.css CSS/style.css +25 -0

desktop.html desktop.html +6 -6

No files found.
--- a/CSS/style.css
+++ b/CSS/style.css
@@ -9,6 +9,31 @@ body {
    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 {
    width: 10rem;
    height: 1.5px;

--- a/desktop.html
+++ b/desktop.html
@@ -11,7 +11,7 @@

 <body>
    <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">
            <div class="desc">
                <img class="logo" src="/Logos/logo-f-secure.png" alt="logo-f-secure">
@@ -26,7 +26,7 @@
            <img class="image1" src="/Images/image-1.png" alt="image-1">
        </div>

-        <div class="column" style="background-color: #fab153">
+        <div class="column">
            <div class="desc">
                <img class="logo" src="/Logos/logo-digitainment.png" alt="logo-f-secure">
                <div class="title">
@@ -40,7 +40,7 @@
            <img class="images" src="/Images/image-2.png" alt="image-2">
        </div>

-        <div class="column" style="background-color: #7277d5">
+        <div class="column">
            <div class="desc">
                <img class="logo" src="/Logos/logo-adaptxt.png" alt="logo-f-secure">
                <div class="title">
@@ -54,7 +54,7 @@
            <img class="images" src="/Images/image-3.png" alt="image-3">
        </div>

-        <div class="column" style="background-color: #f87d51">
+        <div class="column">
            <div class="desc">
                <img class="logo" src="/Logos/logo-hungama.png" alt="logo-f-secure">
                <div class="title">
@@ -68,7 +68,7 @@
            <img class="images" src="/Images/image-4.png" alt="image-4">
        </div>

-        <div class="column" style="background-color: #ed5466">
+        <div class="column">
            <div class="desc">
                <img class="logo" src="/Logos/logo-adaptxt.png" alt="logo-f-secure">
                <div class="title">
@@ -82,7 +82,7 @@
            <img class="images" src="/Images/image-5.png" alt="image-5">
        </div>

-        <div class="column" style="background-color: #4ec2e7">
+        <div class="column">
            <div class="desc">
                <img class="logo" src="/Logos/logo-read-where.png" alt="logo-f-secure">
                <div class="title">