TheThomaas/11ty-resume
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Update section CSS

Browse source
This commit is contained in:
TheThomaas 2024-02-05 20:56:57 +01:00
parent e6c8122b04
commit d2621af12d
2 changed files with 31 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/pages/subpages/competences.liquid
View file

@ -2,11 +2,11 @@
title: Compétences title: Compétences
order: 1 order: 1
showTitle: false showTitle: false
classes: 'competences-section experiences-section' classes: 'competences-section langues-section'
--- ---
<div style="display: flex;flex-direction: row;gap:20rem;">
<div> <div>
<div class="col">
<h2>{{title}}</h2> <h2>{{title}}</h2>
<ul style="list-style-type: initial"> <ul style="list-style-type: initial">
<li>HTML</li> <li>HTML</li>
@ -18,7 +18,7 @@ classes: 'competences-section experiences-section'
</ul> </ul>
</div> </div>
<div> <div class="col">
<h2>Langues</h2> <h2>Langues</h2>
<ul style="list-style-type: initial"> <ul style="list-style-type: initial">
<li>HTML</li> <li>HTML</li>

27
src/scss/critical.scss
View file

@ -201,6 +201,7 @@ i {
} }
.about-section, .about-section,
.competences-section,
.projects-section, .projects-section,
.experiences-section, .experiences-section,
.download-section { .download-section {
@ -324,3 +325,29 @@ i {
font-size: 1.4rem; font-size: 1.4rem;
} }
} }
.competences-section {
margin-left: 4vw;
> div {
display: flex;
flex-direction: column;
justify-content: space-around;
}
.col {
width: 100%;
margin-bottom: 2rem;
}
@media screen and (min-width: 991px) {
> div {
flex-direction: row;
}
.col {
width: 40%;
}
}
}