Template:CompaniesLanding.css

Template page
Revision as of 18:42, 12 February 2024 by Couchor (talk | contribs) (Created page with ".companies__landing { margin-top: 3rem; display: grid; gap: 4rem; } .companies__container { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 2rem; } .company { display: grid; align-content: space-between; gap: 0.5rem; position: relative; text-align: center; } .company__title { font-size: 1.1rem; font-weight: bold; } .company__text { display: flex; justify-content: space-between; gap: 0.5rem; }...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

.companies__landing { margin-top: 3rem; display: grid; gap: 4rem; }

.companies__container { display: grid;

   grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
   gap: 2rem;

}

.company { display: grid;

   align-content: space-between;
   gap: 0.5rem;
   position: relative;
   text-align: center;

}

.company__title { font-size: 1.1rem;

   font-weight: bold;

}

.company__text { display: flex;

   justify-content: space-between;
   gap: 0.5rem;

}

.companies__news { display: flex;

   gap: 2rem;
   flex-direction: column;

}

.companies__news__item { display: grid; gap: 1rem; position: relative; }

.companies__news__title { font-size: 1.1rem; font-weight: 600; }

@media (min-width: 760px) { .companies__landing { grid-template-columns: 1fr 300px; } }