Autonomní vozidla směřují do Velké Británie, ale cesta k plné autonomii stále čelí výzvám.

Autonomní vozidla směřují do Velké Británie, ale cesta k plné autonomii stále čelí výzvám.
Tento CSS kód definuje vlastní rodinu písem s názvem "Guardian Headline Full" s různými řezy a styly. Určuje soubory písem v různých formátech (WOFF2, WOFF a TrueType) a jejich umístění na serveru. Řezy písma sahají od lehkého (300) po polotučné (600), každý dostupný v pravidelném i kurzívním stylu. #article-body>div .content--interactive-grid, .content--interactive>div .content--interactive-grid, #comment-body .content--interactive-grid, [data-gu-name=body] .content--interactive-grid, #feature-body .content--interactive-grid { grid-column-gap: 0px; grid-template-columns: 100%; grid-template-areas: "media" "title" "headline" "standfirst" "lines" "meta" "body"; } @media (min-width: 30em) { #article-body>div .content--interactive-grid figure.element--immersive figcaption, .content--interactive>div .content--interactive-grid figure.element--immersive figcaption, #comment-body .content--interactive-grid figure.element--immersive figcaption, [data-gu-name=body] .content--interactive-grid figure.element--immersive figcaption, #feature-body .content--interactive-grid figure.element--immersive figcaption { padding: 0 20px; max-width: 620px; } } @media (min-width: 46.25em) { #article-body>div .content--interactive-grid, .content--interactive>div .content--interactive-grid, #comment-body .content--interactive-grid, [data-gu-name=body] .content--interactive-grid, #feature-body .content--interactive-grid { grid-template-columns: 100%; grid-column-gap: 10px; grid-template-areas: "title" "headline" "standfirst" "media" "lines" "meta" "body"; } #article-body>div .content--interactive-grid #maincontent, .content--interactive>div .content--interactive-grid #maincontent, #comment-body .content--interactive-grid #maincontent, [data-gu-name=body] .content--interactive-grid #maincontent, #feature-body .content--interactive-grid #maincontent { padding-right: 80px; } } @media (min-width: 61.25em) { #article-body>div .content--interactive-grid, .content