Відмінності між версіями «Шаблон:Mainpage»

Матеріал з Вікіпедія ЄСІТС
Перейти до навігації Перейти до пошуку
Рядок 2: Рядок 2:
.mainpage-grid {
.mainpage-grid {
   display: grid;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));  /* ↓ було 460px */
   grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));  /* ↑ было 420px */
   gap: 42px; /* трохи компактніше */
   gap: 42px;
   max-width: 1440px; /* ↓ було 1600px */
   max-width: 1440px;
   margin: 40px auto;
   margin: 40px auto;
   padding: 0 20px;
   padding: 0 20px;
Рядок 13: Рядок 13:
   border: 1px solid #ddd;
   border: 1px solid #ddd;
   border-radius: 12px;
   border-radius: 12px;
   padding: 28px 24px; /* ↓ менший padding */
   padding: 28px 24px;
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
   box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
   display: flex;
   display: flex;
Рядок 50: Рядок 50:
.mainpage-card .image img {
.mainpage-card .image img {
   max-height: 100%;
   max-height: 100%;
   max-width: 80%; /* ↓ було 90% */
   max-width: 80%;
   object-fit: contain;
   object-fit: contain;
   display: block;
   display: block;
Рядок 64: Рядок 64:
}
}
}}
}}
<div class="mainpage-grid">
{{#if: {{{1|}}} | <div class="mainpage-card">{{{1}}}</div> }}
{{#if: {{{2|}}} | <div class="mainpage-card">{{{2}}}</div> }}
{{#if: {{{3|}}} | <div class="mainpage-card">{{{3}}}</div> }}
{{#if: {{{4|}}} | <div class="mainpage-card">{{{4}}}</div> }}
{{#if: {{{5|}}} | <div class="mainpage-card">{{{5}}}</div> }}
{{#if: {{{6|}}} | <div class="mainpage-card">{{{6}}}</div> }}
{{#if: {{{7|}}} | <div class="mainpage-card">{{{7}}}</div> }}
{{#if: {{{8|}}} | <div class="mainpage-card">{{{8}}}</div> }}
{{#if: {{{9|}}} | <div class="mainpage-card">{{{9}}}</div> }}
{{#if: {{{10|}}} | <div class="mainpage-card">{{{10}}}</div> }}
</div>

Версія за 03:57, 4 квітня 2025