diff --git a/index.html b/index.html index ab72850..3505512 100644 --- a/index.html +++ b/index.html @@ -82,7 +82,6 @@

Habilidades

Projetos

-
Imagem do Projeto
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 {