LOGO: POLSKI NIE POLSKI
Lektury
Ortografia i Gramatyka
Dla dzieci
Egzaminy
Kontakt
🔍 SZUKAJ
Polski nie Polski – Layout
/* Stylizacja ogólna */
body {
background-color: #fdfaf4; /* Kremowe tło */
font-family: ‚Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
margin: 0;
padding: 20px;
color: #333;
}
/* Header */
.header {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto 40px auto;
flex-wrap: wrap;
}
.logo-placeholder {
font-weight: bold;
font-size: 24px;
color: #e55b4c;
border: 2px dashed #ccc;
padding: 20px;
}
.nav-links {
display: flex;
gap: 20px;
font-weight: bold;
text-transform: uppercase;
}
.search-box {
text-align: center;
font-size: 14px;
}
/* Sekcja powitalna */
.hero {
text-align: center;
margin-bottom: 50px;
}
.hero h1 {
font-size: 2.5rem;
font-weight: normal;
}
/* Siatka kart */
.grid-container {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
max-width: 1200px;
margin: 0 auto;
}
/* Styl karty */
.card {
background: white;
border: 2px solid #e55b4c;
border-radius: 25px;
width: 250px;
padding: 30px 15px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
transition: transform 0.2s;
}
.card:hover {
transform: translateY(-5px);
}
.image-placeholder {
width: 150px;
height: 150px;
background: #eee;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
font-size: 12px;
color: #888;
}
.card h2 {
color: #e55b4c;
font-size: 20px;
margin: 10px 0 20px 0;
text-transform: uppercase;
}
/* Przycisk */
.btn {
background-color: #e55b4c;
color: white;
border: none;
padding: 10px 25px;
border-radius: 20px;
text-transform: uppercase;
font-weight: bold;
cursor: pointer;
text-decoration: none;
font-size: 14px;
}
.btn:hover {
background-color: #c94a3d;
}
polskiniepolski.pl 