İngiltere'ye otonom araçlar geliyor, ancak tam otonomi yolculuğu hâlâ zorluklarla dolu.

Bu CSS kodu, "Guardian Headline Full" adlı özel bir yazı tipi ailesini birden fazla yazı tipi ağırlığı ve stiliyle tanımlar. Sunucudaki farklı formatlardaki (WOFF2, WOFF ve TrueType) yazı tipi dosyalarını ve konumlarını belirtir. Yazı tipi ağırlıkları ince (300) ile yarı kalın (600) arasında değişir ve her biri hem düz hem de italik stillerde mevcuttur. #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; } }