Участник:alivepillow/песочница/шаблоны/kventcard/styles.css

Вернуться

Строка 1: Строка 1:
body {
  background-color: #0d1117;
  color: #c9d1d9;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 20px;
}
.wiki-grid {
.wiki-grid {
   display: grid;
   display: grid;
Строка 12: Строка 4:
   gap: 20px;
   gap: 20px;
   max-width: 1200px;
   max-width: 1200px;
   margin: 0 auto;
   margin: 15px auto;
}
}


Строка 27: Строка 19:
.card-image {
.card-image {
   width: 100%;
   width: 100%;
   height: 300px;  
   height: 300px;
   background-color: #0d1117;
   background-color: #0d1117;
   display: flex;
   display: flex;
Строка 35: Строка 27:
   border-bottom: 1px solid #30363d;
   border-bottom: 1px solid #30363d;
}
}


.card-image img {
.card-image img {
   width: 100%;
   max-width: 100%;
   height: 100%;
   max-height: 100%;
   object-fit: contain;  
  width: auto;
  height: auto;
   object-fit: contain;
}
}


/* Текст */
.card-content {
.card-content {
   padding: 20px;
   padding: 20px;
   font-size: 14px;
   font-size: 14px;
   line-height: 1.5;
   line-height: 1.5;
  color: #c9d1d9;
}
}