style: adjust spacing and font size in main.css for improved layout

This commit is contained in:
Michael Czechowski
2025-05-14 02:52:52 +02:00
parent 6aa4b415f9
commit 2d894f2d89

View File

@@ -138,7 +138,7 @@ body {
flex-flow: column; flex-flow: column;
align-items: stretch; align-items: stretch;
justify-content: flex-start; justify-content: flex-start;
gap: 2rem; gap: 1.4rem;
background-color: var(--panel-bg); background-color: var(--panel-bg);
border-radius: 8px; border-radius: 8px;
box-shadow: var(--shadow); box-shadow: var(--shadow);
@@ -148,14 +148,14 @@ body {
} }
#lesson-title { #lesson-title {
margin-bottom: 1rem;
color: var(--primary-dark); color: var(--primary-dark);
} }
.lesson-description { .lesson-description {
margin-bottom: 2rem;
color: var(--text-color); color: var(--text-color);
line-height: 1.7; line-height: 1.7;
font-size: 1.1rem;
width: 72%;
} }
/* Challenge Container */ /* Challenge Container */