@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf) format("truetype");
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2) format("woff2"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff) format("woff"),
url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf) format("truetype");
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: Guardian Headline Full;
src: url(https:@font-face { font-family: 'Guardian Headline Full'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'Guardian Headline Full'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; }
@font-face { font-family: 'Guardian Headline Full'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; }
@font-face { font-family: 'Guardian Headline Full'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; }
@font-face { font-family: 'Guardian Titlepiece'; src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2') format('woff2'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff') format('woff'), url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; }
@media (min-width: 71.25em) { .content__main-column--interactive { margin-left: 160px; } }
@media (min-width: 81.25em) { .content__main-column--interactive { margin-left: 240px; } }
.content__main-column--interactive .element-atom { max-width: 620px; }
@media (max-width: 46.24em) { .content__main-column--interactive .element-atom { max-width: 100%; } }
.content__main-column--interactive .element-showcase { margin-left: 0; }
@media (min-width: 46.25em) { .content__main-column--interactive .element-showcase { max-width: 620px; } }
@media (min-width: 71.25em) { .content__main-column--interactive .element-showcase { max-width: 860px; } }
.content__main-column--interactive .element-immersive { max-width: 1100px; }
@media (max-width: 46.24em) { .content__main-column--interactive .element-immersive { width: calc(100vw - var(--scrollbar-width, 0px)); position: relative; left: 50%; right: 50%; margin-left: calc(-50vw + var(--half-scrollbar-width, 0px)) !important; margin-right: calc(-50vw + var(--half-scrollbar-width, 0px)) !important; } }
@media (min-width: 46.25em) { .content__main-column--interactive .element-immersive { transform: translate(-20px); width: calc(100% + 60px); } }
@media (max-width: 71.24em) { .content__main-column--interactive .element-immersive { margin-left: 0; margin-right: 0; } }
@media (min-width: 71.25em) { .content__main-column--interactive .element-immersive { transform: translate(0); width: auto; } }
@media (min-width: 81.25em) { .content__main-column--interactive .element-immersive { max-width: 1260px; } }
.content__main-column--interactive p, .content__main-column--interactive ul { max-width: 620px; }
.content__main-column--interactive:before { position: absolute; top: 0; height: calc(100% + 15px); min-height: 100px; content: ""; }
@media (min-width: 71.25em) {Babban ginshiƙin abun ciki na labarai masu mu'amala yana da gefen hagu na 1px solid #dcdcdc, wanda aka sanya a -10px tare da z-index na -1. A kan allo aƙalla 81.25em faɗi, wannan iyakar tana motsawa zuwa -11px. Abubuwan atom a cikin wannan ginshiƙi ba su da tazarar sama ko ƙasa, amma 12px na padding a duka sama da ƙasa. Lokacin da sakin layi ya biyo bayan wani abu na atom, ana cire padding ɗin kuma a maye gurbinsa da tazarar 12px a sama da ƙasa. Abubuwan da ke cikin layi an iyakance su zuwa 620px faɗi, kuma a kan allo aƙalla 61.25em faɗi, siffofi na cikin layi suma suna ƙarewa a 620px.
Lokacin da sashin watsa labarai ya ƙunshi siffa mai maimaitawa, figcaption (sai dai idan an ɓoye shi) yana samun z-index na 6. Maɓallin madauki na bidiyo yana daidaitawa zuwa ƙasa tare da tazarar ƙasa na 40px da tazarar dama na 3px. Kwantena na sarrafa shiru da cire shiru suna zaune a gefen dama tare da padding hagu na 10px. Maɓallin taken yana samun z-index na 100, kuma a kan allo aƙalla 61.25em faɗi, yana zaune 20px daga ƙasa. A kan allo aƙalla 46.25em faɗi, kwantena na cinemagraph ba su da iyakacin max-height.
Tsibiran bidiyo masu sarrafa kansu a cikin jiki suna da cikakken faɗi har zuwa 620px, suna nunawa azaman block, kuma suna da tazarar sama da ƙasa na 12px. Siffofinsu masu maimaitawa da bidiyonsu cikakke ne faɗi, tsayi ta atomatik, an iyakance su zuwa 620px, kuma a tsakiya. Lokacin da siffar mai maimaitawa ta kasance wani abu na bidiyo mai zurfi, tsibirin yana faɗaɗa zuwa cikakken faɗi tare da tazarar tsaye na 12px, kuma siffar da bidiyon sun rasa max-width da tsakiya. A kan allo aƙalla 71.25em faɗi, tsibirin mai zurfi yana zama 1140px faɗi kuma yana motsawa hagu da 180px, tare da figcaptions suna samun tazarar hagu na 20px. A kan allo aƙalla 81.25em faɗi, yana zama 1300px faɗi kuma yana motsawa hagu da 260px.
Tushen yana bayyana wasu kaddarori na musamman: launin dateline #606060, iyakar kanun labarai #dcdcdc, rubutun caption #999, bangon caption hsla(0, 0%, 7%, .72), launin fasali #c70000, da sabon launin ginshiƙi wanda ke komawa zuwa launin ginshiƙi na farko ko launin fasali. Rubutun ƙaramin kanun labarai, rubutun pullquote, da gumakan pullquote suna amfani da launin ginshiƙi na biyu, yayin da rubutun block quote ke amfani da launin rubutun labarin. Block quotes suna samun launin cikawa daga ginshiƙi na biyu. A yanayin duhu (sai dai idan an saita tsarin launi a fili zuwa haske), ƙananan kanun labarai, pullquotes, da gumakansu suna canzawa zuwa launin ginshiƙi na yanayin duhu, kuma block quotes suna bi.
Abubuwan atom ba su da padding. Lokacin da wani abu na atom shine na farko na nau'insa kuma sakin layi ya biyo baya, ƙofar shiga, wani atom, ko makamancin haka, sakin layi na gaba yana samun tazara ta musamman. Hakanan ya shafi bayan layin kwance wanda ba na ƙarshe ba, ko bayan kwantena na talla wanda sakin layi ya biyo baya.Rubutun da kuka bayar CSS ne, ba rubutu ba, don haka babu wani nau'in Ingilishi na halitta da za a samar. Idan kuna so, zan iya bayyana abin da wannan CSS ke yi a cikin Ingilishi mai sauƙi.Ba zan iya sake rubuta wannan a matsayin Ingilishi mai kyau ba—CSS ne, ba rubutu ba. Idan kuna so, zan iya bayyana abin da salo ke yi a cikin Ingilishi mai sauƙi, ko kuna iya raba ainihin rubutun da kuke so a sake rubutawa.Wannan lambar CSS tana bayyana shimfidar amsa don kanun labarai, kanun labarai, metadata, standfirsts, da hotuna. Yana amfani da CSS Grid don tsara waɗannan abubuwa a faɗin allo daban-daban, tare da wuraren hutu a 61.25em, 71.25em, da 81.25em. Shimfidar tana daidaita tsarin ginshiƙi da layi, tana ƙara iyakoki, kuma tana salo hanyoyin haɗi da siffofi don tabbatar da abun ciki yana nunawa daidai akan na'urori daban-daban.Kwantena na kayan daki na standfirst yana da ɗan ƙaramin nesa na hagu. A cikin kanun labarai na labarin, divs ɗin lakabin suna samun ɗan padding na sama. Kanun labarai h1 an saita shi zuwa semibold, tare da max faɗi na 620px da girman font na 32px. A kan manyan allo (aƙalla 71.25em), max faɗin yana zama 540px kuma girman font ɗin yana ƙaruwa zuwa 50px. A 46.25em da sama, abubuwan keyline-4 da lines ba su da tazarar dama, kuma a 61.25em da sama an ɓoye su. SVGs ɗinsu suna amfani da launin iyakar kanun labarai don bugu. Sashen meta shima yana rasa tazarar dama a 46.25em da sama. Abubuwan zamantakewa da sharhi a cikin meta suna amfani da launin iyakar kanun labarai don iyakokinsu, kuma duk wani gu-island a cikin kwantena na meta an ɓoye shi. Standfirst an motsa shi hagu da 10px tare da daidaitaccen padding, kuma yana samun 2px na padding na sama a 46.25em da sama. Sakin layin sa na yau da kullun ne, 20px, tare da padding na ƙasa na 14px. Yankin babban kafofin watsa labarai an sanya shi da alaƙa, ba tare da tazarar sama ba da tazarar ƙasa na 2px, an sanya shi a yankin grid na hoto. Divs ɗin ciki suna ɗaukar cikakken faɗi ba tare da tazarar cikin layi ba. A 61.25em da sama, an cire tazarar ƙasa. A kan allo har zuwa 46.24em, yana mamaye cikakken faɗin viewport ban da kowane scrollbar kuma yana motsawa hagu da 10px; tsakanin 30em da 46.24em, wannan motsin hagu yana zama 20px. Figcaptions an sanya su gaba ɗaya a ƙasa, tare da padding da bango da launin rubutu daga masu canjin CSS, babu max faɗi, babu tazarar ƙasa, da mafi ƙarancin tsayi na 46px. Spans a ciki suna amfani da launin iyakar kanun labarai, kuma SVGs a cikin waɗannan spans an cika su da shi. An ɓoye span na farko, yayin da na biyu aka nuna shi tare da max faɗi na 90%. A 30em da sama, padding ɗin figcaption yana ƙaruwa. Figcaption ɓoye yana da sifili opacity. Maɓallin caption abu ne na block, an sanya shi gaba ɗaya a ƙasan dama, tare da bangon madauwari, babu iyaka, da ɗan padding. SVG ɗinsa an rage shi kaɗan. A 30em da sama, yana motsawa dama kaɗan. A kan manyan allo, ginshiƙin babban abun ciki mai mu'amala yana samun pseudo-element tare da takamaiman nesa na sama da tsayi. Kanun labarai a cikin ginshiƙin babban abun ciki mai mu'amala suna da max faɗi na 620px. A yanayin duhu (lokacin da ba a saita shi a fili zuwa haske ba), an sake bayyana masu canjin CSS da yawa don rubutun bi, cika gunkin bi, rubutun standfirst, rubutun hanyar haɗi na standfirst da iyaka, da launin byline. Tushen kuma yana bayyana sabon mai canjin launin ginshiƙi wanda ke komawa zuwa ginshiƙin yanayin duhu.r(--darkModeFeature) ) !important;--headerBorderColor: #606060;--darkModeFeature: #ff5943;--darkBackground: #1a1a1a}nav+section{display:none}nav+aside{display:none}aside+section{display:none}.furniture-wrapper{background-color:var(--darkBackground);margin:0 -10px;padding:0 10px 4px}@media (min-width: 30em){.furniture-wrapper{margin:0 -20px;padding:0 20px 8px}}@media (min-width: 61.25em){.furniture-wrapper{padding:0 20px}}@media (min-width: 81.25em){.furniture-wrapper:before{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;left:calc((100vw - 1298px)/-2);background-color:var(--darkBackground);border-right:1px solid var(--headerBorderColor)}.furniture-wrapper:after{content:"";width:calc((100vw - 1298px)/2);height:100%;position:absolute;right:calc((100vw - 1298px)/-2);background-color:var(--darkBackground)}}.furniture-wrapper .article-header,.furniture-wrapper [data-gu-name=title] a,.furniture-wrapper [data-gu-name=title] span{color:var(--new-pillar-colour, --darkModeFeature)}@media (min-width: 61.25em){.furniture-wrapper #headline>div:first-child,.furniture-wrapper [data-gu-name=headline]>div:first-child,.furniture-wrapper .headline>div:first-child{border-top:1px solid var(--headerBorderColor)}}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:700;color:#dcdcdc}.furniture-wrapper #headline figure,.furniture-wrapper [data-gu-name=headline] figure,.furniture-wrapper .headline figure{margin-top:0;margin-bottom:2px}@media (min-width: 71.25em){.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{background-color:var(--headerBorderColor)}}.furniture-wrapper #meta details,.furniture-wrapper #meta summary,.furniture-wrapper #meta summary span,.furniture-wrapper [data-gu-name=meta] details,.furniture-wrapper [data-gu-name=meta] summary,.furniture-wrapper [data-gu-name=meta] summary span{color:#dcdcdc}.furniture-wrapper #meta .meta__social a,.furniture-wrapper #meta .meta__social button,.furniture-wrapper [data-gu-name=meta] .meta__social a,.furniture-wrapper [data-gu-name=meta] .meta__social button{border-color:var(--headerBorderColor);color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a svg,.furniture-wrapper #meta .meta__social button svg,.furniture-wrapper [data-gu-name=meta] .meta__social a svg,.furniture-wrapper [data-gu-name=meta] .meta__social button svg{fill:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover,.furniture-wrapper #meta .meta__social button:hover,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover{color:var(--darkBackground);background-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta .meta__social a:hover svg,.furniture-wrapper #meta .meta__social button:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social a:hover svg,.furniture-wrapper [data-gu-name=meta] .meta__social button:hover svg{fill:var(--darkBackground)}.furniture-wrapper #meta div,.furniture-wrapper [data-gu-name=meta] div{color:#dcdcdc}.furniture-wrapper #meta a,.furniture-wrapper [data-gu-name=meta] a{color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper #meta a:hover,.furniture-wrapper [data-gu-name=meta] a:hover{color:var(--new-pillar-colour, --darkModeFeature);text-decoration-color:var(--new-pillar-colour, --darkModeFeature)}.furniture-wrapper .standfirst a,.furniture-wrapper .standfirst li a,.furniture-wrapper #standfirst a,.furniture-wrapper #standfirst li a,.furniture-wrapper [data-gu-name=standfirst] a,.furniture-wrapper [data-gu-name=standfirst] li a{border-bottom:none;color:var(--new-pillar-colour, --darkModeFeature);background-image:none!important;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--headerBorder, #dcdcdc);text-decoration-thickness:1px}.furniture-wrapper .standfirst a:hover,.furniture-wrapper .standfirst li a:hover,.furniture-wrapper #standfirst a:hover,.furniture-wrapper #standfNa farko, jerin abubuwan da aka lissafa suna haɗa kan hover, kayan daki suna haɗa kan standfirst, kayan daki suna haɗa kan jerin abubuwan da aka lissafa suna haɗa kan hover: cire iyakar ƙasa kuma saita launin kayan ado na rubutu zuwa sabon launin ginshiƙi ko fasalin yanayin duhu.
Kayan daki suna haɗa kan sakin layi na standfirst, sakin layi na standfirst, da sakin layi na sifa ta bayanai na standfirst: saita launi zuwa #dcdcdc.
A mafi ƙarancin faɗi 61.25em: sakin layi na farko a cikin kayan daki suna haɗa kan standfirst, standfirst, da sifa ta bayanai na standfirst yana samun iyakar sama na 1px solid launin iyakar kanun labarai.
A mafi ƙarancin faɗi 71.25em: sakin layi na farko a cikin waɗannan abubuwan standfirst ɗin ba su da iyakar sama.
Kayan daki suna haɗa kan jerin abubuwan standfirst, jerin abubuwan standfirst, da jerin abubuwan sifa ta bayanai na standfirst: saita launi zuwa #dcdcdc.
A mafi ƙarancin faɗi 71.25em: pseudo-element na gaba na kayan daki suna haɗa kan standfirst, standfirst, da sifa ta bayanai na standfirst yana samun launin bango na launin iyakar kanun labarai.
A mafi ƙarancin faɗi 46.25em: pseudo-element na gaba na kayan daki yana samun abun ciki, cikakken tsayi, sama 0, matsayi na alaƙa, launin bango mai duhu, iyakar dama na 1px solid launin iyakar kanun labarai, matsayin hagu da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 738px da aka raba da mara kyau 2, da faɗi da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 738px da aka raba da 2. Pseudo-element na baya na kayan daki yana samun abun ciki, cikakken tsayi, sama 0, matsayi na alaƙa, launin bango mai duhu, iyakar hagu na 1px solid launin iyakar kanun labarai, matsayin dama da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 738px da aka raba da mara kyau 2, da faɗi da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 738px da aka raba da 2.
A mafi ƙarancin faɗi 61.25em: pseudo-element na gaba na kayan daki yana samun abun ciki, faɗi da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 978px da aka raba da 2, da matsayin hagu da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 978px da aka raba da mara kyau 2. Pseudo-element na baya na kayan daki yana samun abun ciki, faɗi da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 978px da aka raba da 2, da matsayin dama da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 978px da aka raba da mara kyau 2.
A mafi ƙarancin faɗi 71.25em: pseudo-element na gaba na kayan daki yana samun abun ciki, faɗi da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 1138px da aka raba da 2, da matsayin hagu da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 1138px da aka raba da mara kyau 2. Pseudo-element na baya na kayan daki yana samun abun ciki, faɗi da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 1138px da aka raba da 2, da matsayin dama da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 1138px da aka raba da mara kyau 2.
A mafi ƙarancin faɗi 81.25em: pseudo-element na gaba na kayan daki yana samun abun ciki, faɗi da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 1298px da aka raba da 2, da matsayin hagu da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 1298px da aka raba da mara kyau 2. Pseudo-element na baya na kayan daki yana samun abun ciki, faɗi da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 1298px da aka raba da 2, da matsayin dama da aka lissafa daga faɗin viewport ban da faɗin scrollbar ban da 1298px da aka raba da mara kyau 2.
Kayan daki suna haɗa kan keyline-4 svg da sifa ta bayanai ta layi svg: saita bugu zuwa launin iyakar kanun labarai.
Kayan daki suna haɗa kan zamantakewar meta, span na hanyar haɗi na jerin abubuwan zamantakewar meta, sharhin meta, sifa ta bayanai ta meta zamantakewar meta, sifa ta bayanai ta meta span na hanyar haɗi na jerin abubuwan zamantakewar meta, da sifa ta bayanai ta meta sharhin meta: saita launin iyaka zuwa launin iyakar kanun labarai.
Jikin labarin h2 da jikin abun ciki mai mu'amala h2: saita nauyin font zuwa 200. Idan h2 ɗin ya ƙunshi strong,
