diff --git a/assets/css/main.css b/assets/css/main.css index d5e2979..40fa330 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -43,8 +43,6 @@ h6 { color: black; font-size: 1em; border-radius: 8px; - margin-bottom: 10px; - margin-right: 13px; background-color: white; transition: cubic-bezier(0.215, 0.610, 0.355, 1) 200ms; } @@ -111,11 +109,16 @@ footer > div > p { text-align: justify; } +#additional-links { + flex-basis: 55%; +} + .flex-sb { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; + gap: 10px; } #additional-information > img { @@ -143,7 +146,6 @@ footer > div > p { #skills-logos > img { height: 65px; - margin: 5px 20px; } #call-to-action { @@ -176,3 +178,56 @@ footer > div > p { width: 70px; margin: 10px; } + +@media only screen and (max-width: 768px) { + #profile-picture { + height: 2.6rem; + width: 2.6rem; + } + + .icon { + height: 1.4rem; + } + + h1 { + font-size: 2.2rem; + } + + h3 { + font-size: 1.6rem; + } + + h4 { + font-size: 1.4rem; + } + + h5 { + font-size: 1.2rem; + } + + h6 { + font-size: 1.1rem; + } + + #additional-information > h6 { + margin-right: 2%; + } + + .button-style { + padding: 10px 10px; + } + + #skills-logos > img { + height: 45px; + } + + footer > div > p { + flex-basis: 100%; + } + + #subtitle { + letter-spacing: 1px; + line-height: 1.1em; + word-break: break-word; + } +} diff --git a/index.html b/index.html index f884dff..f679c4d 100644 --- a/index.html +++ b/index.html @@ -35,7 +35,7 @@ PAGE CODED BY :
Véritable factotum du développement, j'aime mettre les mains dans le cambouis.Je gère ma propre infrastructure, qui ne cesse d'évoluer au fil des ans, qui héberge nombre de mes projets informatiques. J'aime aussi régler des problèmes avec du code, l'automatisation me fascine et le devops me passionne.Je suis aussi passionné de 👨💻, 📸, 🚄 et de 👨🔧.
-