List of Companies

/* ----------------------------------------- */ /* Content Template: content-template-for-companies-list - start */ /* ----------------------------------------- */ .listing-alt article { padding: 0.8em 0; } .company_item { display: grid; grid-template-columns: minmax(auto, 120px) auto; grid-template-areas: "logo title" "logo details" "logo categories"; grid-column-gap: 1em; grid-row-gap: 0.4em; grid-template-rows: max-content; } .company_item:hover { text-decoration: none; } .company_logo { grid-area: logo; object-fit: contain; position:relative; } .company_logo img { width: 100% } .company_logo .hiring { background: #e54e53; color: #fff; position: absolute; top: 10px; right: -5px; line-height: 1; font-weight: 700; font-size: 0.75em; padding: 4px 8px 4px; } .company_logo .hiring:before { content: ""; position: absolute; top: -5px; right: 0; width: 0; height: 0; border-style: solid; border-width: 5px 0 0 5px; border-color: transparent transparent transparent #e54e53; } .company_item .title { grid-area: title; } .company_details { grid-area: details; display: grid; grid-template-columns: repeat(auto-fit, minmax(110px, 1fr)); align-items: center; grid-gap: 0.5em; font-size: 0.8em; text-align:center; text-transform: uppercase; margin-bottom:5px; } .company_details span { display: block; font-size: 1.2em; font-weight: 600; } .categories span { display: inline-block; white-space: nowrap; background-color: #f1f8ff; color: #0366d6; font-size: 0.75em; padding: 0.3em 0.9em 0.4em; margin: 0px 8px 8px 0px; border-radius: 3px; } /* ----------------------------------------- */ /* Content Template: content-template-for-companies-list - end */ /* ----------------------------------------- */