Skip to content

Commit 56634b6

Browse files
committed
adjusting skill size
1 parent 9d6a484 commit 56634b6

1 file changed

Lines changed: 6 additions & 3 deletions

File tree

css/style.css

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -355,25 +355,28 @@ section {
355355
color: var(--text);
356356
}
357357

358-
/* Skills – 5 per row */
358+
/* Skills – 5 per row, fixed box size, even spacing like reference */
359359
.skills-grid {
360360
display: grid;
361361
grid-template-columns: repeat(5, 1fr);
362-
gap: 1rem;
362+
gap: 1.5rem;
363363
width: 100%;
364364
}
365365

366366
@media (max-width: 600px) {
367367
.skills-grid {
368368
grid-template-columns: repeat(2, 1fr);
369-
gap: 0.75rem;
369+
gap: 1rem;
370370
}
371371
}
372372

373373
.skill-item {
374374
display: flex;
375375
flex-direction: column;
376376
align-items: center;
377+
justify-content: flex-start;
378+
max-width: 100px;
379+
margin: 0 auto;
377380
padding: 0.75rem;
378381
background: var(--card-bg);
379382
border: 1px solid var(--border);

0 commit comments

Comments
 (0)