Format:Styles/Homepage.css: Diferență între versiuni

De la TradeVille.ro wiki
Fără descriere a modificării
Fără descriere a modificării
 
(Nu s-au afișat 11 versiuni intermediare efectuate de alți 2 utilizatori)
Linia 12: Linia 12:
   .homepageBox--info ul li { width: 50%;}
   .homepageBox--info ul li { width: 50%;}
   .homepageBox--companii ul li  { width: 50%;}
   .homepageBox--companii ul li  { width: 50%;}
}
.learn__item .mw-headline , .learn__title .mw-headline { display: block;}
.learn__item img {max-width:100%; height: auto; margin-bottom:20px; }
.learn__item p { font-size:18px;}
@media all and (min-width: 992px) {
  .learn { display: flex;}
  .learn__item { width:25%; margin-bottom:40px; }
  .learn__item .mw-editsection, .learn__title .mw-editsection { display: none;}
  .learn__item .mw-headline, .learn__title .mw-headline { min-height: 60px; letter-spacing: -.5px;    font-weight: 600;    font-size: 22px;    line-height: 1.2; margin-bottom:5px; }
.learn__item img {max-width: 90%}
}
}

Versiunea curentă din 13 iunie 2023 16:19

.homepageBox { border:1px solid #efefef; padding: 15px 20px 10px; margin-bottom:25px; border-radius: 7px; }
.homepageBox h3 {padding-top: 0; margin-top: 0; font-size: 22px; margin-bottom: 10px; }
.homepageBox h3 .mw-headline { letter-spacing: -.5px; font-weight: 500; }
.homepageBox ul { list-style: none; padding-left: 0; margin-left: 0; }
.homepageBox ul li { margin-bottom: 5px; font-size:16px;}
.desktop-cols {}
@media all and (min-width: 768px) {
  .desktop-cols { display: flex; }
  .homepageBox--analize ul { width: 50%;}
  .homepageBox--companii ul,
  .homepageBox--info ul {display: flex; flex-wrap: wrap;}
  .homepageBox--info ul li { width: 50%;}
  .homepageBox--companii ul li  { width: 50%;}
}

.learn__item .mw-headline , .learn__title .mw-headline { display: block;}
.learn__item img {max-width:100%; height: auto; margin-bottom:20px; }
.learn__item p { font-size:18px;}

@media all and (min-width: 992px) {
   .learn { display: flex;}
   .learn__item { width:25%; margin-bottom:40px; }
   .learn__item .mw-editsection, .learn__title .mw-editsection { display: none;}
   .learn__item .mw-headline, .learn__title .mw-headline { min-height: 60px; letter-spacing: -.5px;    font-weight: 600;    font-size: 22px;    line-height: 1.2; margin-bottom:5px; }
.learn__item img {max-width: 90%}
}