diff --git a/assets/css/responsiveness.css b/assets/css/responsiveness.css index 6c90eef..66f13e2 100644 --- a/assets/css/responsiveness.css +++ b/assets/css/responsiveness.css @@ -24,6 +24,12 @@ } } +@media screen and (min-width: 909px) { + .Goals .images { + margin-bottom: 30px; + } +} + @media only screen and (min-width: 600px) and (max-width: 650px) { .upper_part .links a { text-decoration: none; diff --git a/assets/css/style.css b/assets/css/style.css index bb97135..5b3e004 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -491,10 +491,12 @@ nav .nav_buttons { flex-direction: column; justify-content: center; max-width: 300px; - margin: 5px 10px; + margin: 5px 20px; padding: 10px 5px; gap: 4%; font-size: 14px; + background-color: #f5f5f5; + transition: background-color 0.3s,transform 0.3s; } .Goals .images img { @@ -512,6 +514,11 @@ nav .nav_buttons { padding: 2%; } +.Goals .images:hover { + background-color: #e0e0e0; + transform: scale(1.05); +} + .get_involved { margin: 0px auto; width: 80vw; diff --git a/index.html b/index.html index d66ba7d..e0ca514 100644 --- a/index.html +++ b/index.html @@ -135,21 +135,21 @@
- +
TARGET

Planting 1 million trees worldwide within the next 3 years.
- +
REACH

Expanding tree planting efforts to 30+ countries across the world.
-
- +
+
EDUCATION AND AWARENESS

Raising awareness about the importance of tree planting through educational programs,