added hover over links and buttons and flex-wrap around boxes

Shine1i · Sep 11, 2022 · fc3afa8 · fc3afa8
1 parent 4056bd9
commit fc3afa8
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/style.css b/style.css
@@ -24,10 +24,14 @@ img {
 
 }
 
+
 .header a {
     text-decoration: none;
     color: white;
 }
+.header a:hover{
+    color: gray;
+}
 
 /*hero section style*/
 .hero {
@@ -65,6 +69,9 @@ button {
     font-weight: bold;
     font-size: small;
 }
+button:hover{
+    background-color: #3882f6;
+}
 
 /*boxes style*/
 #title {
@@ -73,6 +80,7 @@ button {
 
 .boxes {
     display: flex;
+    flex-wrap: wrap;
     gap: 32px;
     align-items: center;
     justify-content: center;