diff --git a/src/_data/author.json b/src/_data/author.json index 4089a04..e3cc6d3 100644 --- a/src/_data/author.json +++ b/src/_data/author.json @@ -9,10 +9,13 @@ "skills": [ "HTML", "CSS", - "Bootstrap", "Javascript", + "Accessibilité", + "Bootstrap", + "Figma", "jQuery", - "Figma" + "SCSS", + "Git" ], "lang": [ "Français (langue maternelle)", diff --git a/src/css/components/competences.css b/src/css/components/competences.css index fa16ceb..45486eb 100644 --- a/src/css/components/competences.css +++ b/src/css/components/competences.css @@ -1,12 +1,23 @@ -.competences-section .col { - width: 100%; - margin-bottom: 2rem; +.skills-gallery { + display: grid; + gap: 1rem; + grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); } -@media screen and (min-width: 991px) { - .competences-section > div { - flex-direction: row; +.skill { + font-size: 2rem; + font-size: clamp(2rem, 1.2967rem + 2.1978vw, 3rem); + font-weight: 500; + text-align: center; +} + +@media screen and (min-width: 768px) { + .skill { + text-align: left; } - .competences-section .col { - width: 40%; +} + +@media screen and (min-width: 991px) { + .skills-gallery { + row-gap: 3.5rem; } } \ No newline at end of file diff --git a/src/pages/sections/competences.liquid b/src/pages/sections/competences.liquid index 3dcac41..8159ac7 100644 --- a/src/pages/sections/competences.liquid +++ b/src/pages/sections/competences.liquid @@ -2,15 +2,12 @@ title: Compétences displayedTitle: Mes compétences order: 1 -classes: 'competences-section langues-section' +showTitle: false --- -