[css] set skills grid to 3 cols

This commit is contained in:
max/sooulix 2024-08-15 21:57:08 +02:00
parent 6b01e18f8c
commit bdee751da0
2 changed files with 1 additions and 11 deletions

View File

@ -25,7 +25,6 @@ section .location {
#header > #profiles, #header > #profiles,
#header > #contact, #header > #contact,
#skills,
#languages, #languages,
#interests { #interests {
display: -webkit-box; display: -webkit-box;
@ -182,21 +181,12 @@ section .location {
} }
#languages .item, #languages .item,
#skills .item,
#interests .item { #interests .item {
width: 15em; width: 15em;
padding: 0 0.5em 0.5em 0; padding: 0 0.5em 0.5em 0;
border-bottom: none; border-bottom: none;
} }
#skills .item {
width: 16em;
}
#skills .item .keywords {
width: 15em;
}
/* Skill chart */ /* Skill chart */
.level { .level {

View File

@ -4,7 +4,7 @@
<header> <header>
<h2 class='section-title'><i class="fa-regular fa-keyboard"></i>{% trans %}resume skill title{% endtrans %}</h2> <h2 class='section-title'><i class="fa-regular fa-keyboard"></i>{% trans %}resume skill title{% endtrans %}</h2>
</header> </header>
<section id="skills"> <section id="skills" class="grid grid-cols-3">
{% for skill in skills %} {% for skill in skills %}
<div class="item"> <div class="item">
{% if skill.name %} {% if skill.name %}