diff --git a/src/css/responsivo.css b/src/css/responsivo.css
index 71946d1..4679db8 100644
--- a/src/css/responsivo.css
+++ b/src/css/responsivo.css
@@ -127,9 +127,9 @@
}
.card-projt {
- grid-template-columns: auto auto;
+ flex-flow: row wrap;
+ gap: 0;
width: 450px;
- row-gap: 10px;
}
@@ -144,20 +144,20 @@
.info-card i {
font-size: 1.1em;
-
- }
+ }
.projt img {
width: 210px;
}
- #meu-id9 {
- display: none;
+ .cont {
+ height: auto;
}
.cont-info {
- flex-wrap: wrap;
-
+ flex-flow: row wrap;
+ row-gap: 40px;
+ margin: 50px 0;
}
.card-cont {
@@ -226,6 +226,16 @@
width: 300px;
}
+ .hab {
+ height: 100%;
+ margin: 80px 0;
+ }
+
+
+ .hab-info {
+ gap: 0px;
+ }
+
.hab p {
width: 350px;
}
diff --git a/src/css/style.css b/src/css/style.css
index 556627b..cc27cfa 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -212,7 +212,8 @@ h2 {
.hab-info {
display: flex;
height: 100%;
- align-items: self-start;
+ align-items: flex-start;
+ gap: 20px;
margin-top: 70px;
}
@@ -220,6 +221,7 @@ h2 {
color: rgba(255, 255, 255, 0.685);
text-align: justify;
width: 485px;
+ margin-top: 14px;
}
.hab i {
@@ -254,8 +256,7 @@ h2 {
display: flex;
flex-direction: column;
align-items: center;
- height: 100vh;
-
+ height: auto;
}
.projt h1 {
@@ -263,15 +264,13 @@ h2 {
}
.card-projt {
- display: grid;
- grid-template-columns: auto auto auto;
- grid-template-rows: auto auto auto;
- justify-content: space-around;
- row-gap: 60px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ gap: 55px;
height: 100%;
width: 92%;
- margin-top: 10px;
-
+ margin-top: 40px;
}
.info-card {