Update style.css

style.css

@@ -252,25 +252,25 @@ body {
 }
 
 .gallery {
-    display: flex; /* Usar flexbox para alinhar os projetos */
-    flex-wrap: wrap; /* Permitir que os itens se movam para a próxima linha se não houver espaço */
-    justify-content: space-between; /* Espaçamento uniforme entre os itens */
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
 }
 
 .gallery-item {
     background-color: #fff;
-    margin: 10px; /* Espaçamento entre os projetos */
+    margin: 10px;
     padding: 15px;
     border-radius: 5px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-    text-align: center; /* Centralizar texto e imagem */
-    flex: 1 1 calc(20% - 20px); /* Cada item ocupa 20% do espaço disponível */
-    min-width: 200px; /* Largura mínima para garantir que não fiquem muito pequenos */
+    text-align: center;
+    flex: 1 1 calc(20% - 20px);
+    min-width: 200px;
 }
 
 .gallery-item img {
-    max-width: 100%; /* Ajustar imagem para caber no item */
-    border-radius: 5px; /* Borda arredondada para a imagem */
+    max-width: 100%;
+    border-radius: 5px;
 }
 
 
@@ -283,32 +283,36 @@ body {
   margin-bottom: 50px;
 }
 
-/* Gallery */
+/* Projects Gallery */
+#project-section {
+    padding: 100px 10vw;
+}
+
 .gallery {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  margin: 20px 0;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
 }
 
 .gallery-item {
-  background-color: #fff;
-  margin: 10px;
-  padding: 15px;
-  border-radius: 5px;
-  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-  text-align: center;
-  max-width: 200px;
+    background-color: #fff;
+    margin: 10px;
+    padding: 15px;
+    border-radius: 5px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    text-align: center;
+    flex: 1 1 calc(25% - 20px);
+    min-width: 200px;
 }
 
 .gallery-item img {
-  max-width: 100%;
-  border-radius: 5px;
+    max-width: 100%;
+    border-radius: 5px;
 }
 
-.gallery-item h3 {
-  margin-top: 10px;
-  font-size: 16px;
+#project-section .sub-heading {
+    text-align: center;
+    margin-bottom: 50px;
 }
 
 /* Language Flags */