Mae'r testun rydych wedi'i ddarparu yn god CSS, nid rhyddiaith, felly nid oes Saesneg naturiol i'w ailysgrifennu. Mae'n diffinio wynebau ffont ar gyfer Guardian Headline a Guardian Titlepiece, ynghyd â chynlluniau grid ymatebol ar gyfer cynnwys rhyngweithiol ar wahanol ledau sgrin. Os hoffech chi, gallaf esbonio beth mae'r cod hwn yn ei wneud yn Saesneg syml.Ar gyfer ffigurau grid rhyngweithiol gyda phenawdau trochiadol, ychwanegwch 4px o badding uchaf. Mewn cynlluniau grid rhyngweithiol, rhowch yr elfennau llinellau a meta yn yr ail res, y golofn gyntaf, gan ymestyn rhesi 2 trwy 4. Dylai'r elfen llinellau faintio i'w chynnwys a chael ymyl uchaf o 5px, tra bod yr elfen meta yn cael ymyl uchaf o 18px. Ar sgriniau o leiaf 81.25em o led, mae'r grid rhyngweithiol yn defnyddio pum colofn o faint 219px, 1px, 620px, 80px, a 300px. Ar iOS ac Android, mae'r testun standfirst yn defnyddio Guardian Headline gyda phwysau o 500. Mae'r adran gic-article yn arddangos fel bloc, gyda'i lythyren gyntaf wedi'i phriflythrennu. Mae'r elfen keyline-4 yn cael 12px o badding uchaf. Mae awdur y byline yn defnyddio Guardian Headline gyda phwysau o 700, gan gynnwys unrhyw ddolenni o'i fewn. Dylai ffigurau delwedd gael uchder awtomatig, a dylai unrhyw baragraff sy'n dilyn ffigur atom yn syth gael dim ymyl uchaf. Mae'r ffont Guardian Headline Full yn cael ei ddiffinio gyda phwysau ysgafn ac arddull normal, ynghyd ag amrywiad ysgafn italig, wedi'i lwytho o ffynonellau woff2, woff, a ttf.Mae'r arddull cap gollwng yn berthnasol i lythyren gyntaf y paragraff cyntaf sy'n dilyn giât mewngofnodi, atom elfen, neu reol lorweddol nad yw'r un olaf, o fewn gwahanol feysydd cynnwys fel cynnwys rhyngweithiol, cyrff sylwadau, cyrff nodwedd, a'r prif gorff. Mae'n defnyddio'r teulu ffont Guardian Headline gyda phwysau beiddgar, maint ffont o 111 picsel, uchder llinell o 92 picsel, yn arnofio i'r chwith, yn briflythrennau, â ymyl dde o 8 picsel, yn alinio i frig y testun, ac yn cymryd y lliw o'r newidyn drop-cap neu new-pillar-colour.
Nid oes gan baragraffau yn syth ar ôl rheol lorweddol yng nghorff yr erthygl, cynnwys rhyngweithiol, corff sylwadau, prif gorff, neu gorff nodwedd unrhyw badding uchaf.
Mae dyfyniadau tynnu o fewn corff yr erthygl, cynnwys rhyngweithiol, corff sylwadau, prif gorff, neu gorff nodwedd wedi'u cyfyngu i led uchaf o 620 picsel.
Mae figcaptions ar gyfer elfennau arddangos yn y prif gynnwys, cynhwysydd erthygl nodwedd, cynhwysydd erthygl safonol, a chynhwysydd erthygl sylwadau wedi'u gosod i safle statig gyda lled llawn hyd at 620 picsel. Ar sgriniau o leiaf 71.25em o led, maent yn dod yn safle absoliwt gyda lled uchaf o 140 picsel. Ar sgriniau o leiaf 81.25em o led, mae'r lled uchaf yn cynyddu i 220 picsel.
Mae gan elfennau trochiadol led sy'n hafal i led y viewport heb unrhyw led bar sgrolio. Ar sgriniau hyd at 71.24em o led, maent wedi'u capio ar 978 picsel, ac mae gan eu figcaptions 10 picsel o badding mewnlinell. Rhwng 30em a 71.24em o led, mae padding y figcaption yn cynyddu i 20 picsel. Rhwng 46.25em a 61.24em o led, y lled uchaf yw 738 picsel. Ar sgriniau hyd at 46.24em o led, mae ganddynt ymyl chwith o -10 picsel, dim ymyl dde, ac maent wedi'u lleoli ar ymyl y chwith. Rhwng 30em a 46.24em o led, mae'r ymyl chwith yn dod yn -20 picsel, ac mae figcaptions yn cael 20 picsel o badding mewnlinell.
Ar sgriniau o leiaf 71.25em o led, mae gan ffigurau arddangos o fewn y prif gorff neu'r golofn brif ryngweithiol ymyl chwith o -160 picsel. Ar sgriniau o leiaf 81.25em o led, mae'r rheol yn parhau ond mae wedi'i thorri i ffwrdd.Mae'r testun standfirst wedi'i leoli ychydig i'r chwith gyda rhywfaint o badding, ac ar sgriniau ehangach mae'n cael ychydig o badding uchaf. Mae'r paragraff y tu mewn iddo yn defnyddio pwysau rheolaidd, maint ffont 20px, ac mae ganddo 14px o badding gwaelod.
Mae'r prif ardal gyfryngau wedi'i gosod yn gymharol i'w chynhwysydd heb ymyl uchaf a 2px o ymyl gwaelod, wedi'i lleoli yn ardal grid y portread. Ar sgriniau mwy mae'r ymyl gwaelod yn cael ei dynnu. Ar sgriniau llai mae'n ymestyn i led llawn y viewport ac yn symud i'r chwith o 10px, neu 20px ar sgriniau bach ychydig yn ehangach.
Mae figcaptions wedi'u lleoli'n absoliwt ar y gwaelod gyda phadding a lliw cefndir a thestun o newidynnau. Mae ganddynt uchder lleiaf o 46px a dim ymyl gwaelod. Y tu mewn, mae'r span cyntaf wedi'i guddio a'r ail yn cael ei ddangos gyda lled uchaf o 90%. Ar sgriniau ehangach mae'r padding yn cynyddu. Mae dosbarth cudd yn gosod tryloywder i sero.
Mae'r botwm capsiwn yn cael ei arddangos fel bloc, wedi'i leoli'n absoliwt ar y gwaelod ar y dde, gyda chefndir crwn, dim border, a rhywfaint o badding. Mae ei SVG wedi'i raddio i lawr ychydig. Ar sgriniau ehangach mae'n symud ychydig yn fwy i'r dde.
Ar gyfer prif golofnau rhyngweithiol ar sgriniau eithaf eang, mae elfen ffug yn cael ei hail-leoli a'i hail-feintio. Mae penawdau y tu mewn i brif golofnau rhyngweithiol â lled uchaf o 620px.
Pan fo'r elfen wreiddyn yn cynnwys dosbarthiadau iOS neu Android, mae lliwiau cefndir tywyll a nodwedd yn cael eu diffinio, gan gynnwys lliw nodwedd modd tywyll a lliw piler newydd sy'n disgyn yn ôl i'r prif biler neu liw nodwedd. Mewn modd tywyll, mae'r lliw piler newydd yn disgyn yn ôl i biler modd tywyll neu liw nodwedd modd tywyll.
Ar gyfer cynwysyddion erthygl nodwedd iOS, mae'r atom elfen gyntaf yn cael ei dargedu gan baragraff sy'n dilyn.Ar gyfer dyfeisiau iOS ac Android, bydd llythyren gyntaf y paragraff cyntaf mewn cynwysyddion erthygl nodwedd, safonol, a sylwadau—boed yn dilyn giât mewngofnodi ai peidio—yn cael ei lliwio gan ddefnyddio'r lliw piler eilaidd, gan ddiffygio i ddu.
Ar iOS ac Android, bydd gan bennawd yr erthygl mewn cynwysyddion nodwedd, safonol, a sylwadau uchder sero.
Ar iOS ac Android, bydd gan y lapio dodrefn mewn cynwysyddion nodwedd, safonol, a sylwadau badding o 4px uchaf, 10px chwith a dde, a 0 gwaelod.
Ar iOS ac Android, bydd y labeli cynnwys y tu mewn i'r lapio dodrefn mewn cynwysyddion nodwedd, safonol, a sylwadau yn defnyddio pwysau beiddgar, y teulu ffont Guardian Headline gyda Georgia a serif fel dewisiadau eraill, y lliw piler newydd, a thestun wedi'i phriflythrennu.
Ar iOS ac Android, bydd'r prif bennawd y tu mewn i'r lapio dodrefn mewn cynwysyddion nodwedd, safonol, a sylwadau yn 32px, yn feiddgar, gyda 12px o badding gwaelod, ac wedi'i liwio #121212 gyda phwysigrwydd.
Ar iOS ac Android, bydd elfen ffigur delwedd y tu mewn i'r lapio dodrefn mewn cynwysyddion nodwedd, safonol, a sylwadau yn cael ei harddullio fel a ganlyn:Ar gyfer dyfeisiau iOS ac Android, pan fyddwch yn hofran dros ddolenni yn adran standfirst cynwysyddion erthygl nodwedd, safonol, neu sylwadau, mae'r lliw tanlinellu yn newid i liw'r piler newydd. Nid oes gan yr adran meta yn y cynwysyddion erthygl hyn unrhyw ymyl. Mae'r byline, awdur y byline, dolenni'r awdur, a spans y byline o fewn yr adran meta i gyd wedi'u lliwio â lliw'r piler newydd. Nid oes gan yr adran meta misc unrhyw badding.Ar gyfer .meta__misc svg, gosodwch y strôc i var(--new-pillar-colour). Ar ddyfeisiau iOS ac Android, ar gyfer y cynwysyddion erthygl nodwedd, safonol, a sylwadau, dylai botwm y capsiwn y tu mewn i'r lapio dodrefn o'r elfen arddangos gael ei arddangos fel cynhwysydd flex, wedi'i ganoli'n llorweddol ac yn fertigol, gyda 5px o badding, lled ac uchder o 28px, ac wedi'i leoli 14px o'r dde. Hefyd ar iOS ac Android, dylai corff yr erthygl yn y cynwysyddion hyn gael 0 12px o badding. Ar gyfer ffigurau delwedd yng nghorff yr erthygl nad ydynt yn bawd bawd neu'n drochiadol, gosodwch ymyl i 0, lled i calc(100vw - 24px - var(--scrollbar-width, 0px)), ac uchder i auto; dylai eu figcaptions gael dim padding. Ar gyfer ffigurau delwedd trochiadol, gosodwch led i calc(100vw - var(--scrollbar-width, 0px)). Yn adran rhyddiaith corff yr erthygl, dylai elfen ffug cyn dyfyniadau bloc wedi'u dyfynnu ddefnyddio var(--new-pillar-colour) ar gyfer ei lliw, a dylai dolenni ddilyn yr arddulliau a nodwyd.Mewn cynwysyddion erthygl, nid oes gan ddolenni yng nghorff yr erthygl ddelwedd gefndir, maent wedi'u tanlinellu â lliw gwrthbwyso o 6px, ac yn defnyddio lliw'r prif biler ar gyfer testun a lliw border y pennawd ar gyfer y tanlinellu. Ar iOS ac Android, pan fyddwch yn hofran dros y dolenni hyn, mae lliw'r tanlinellu yn newid i liw'r piler newydd. Mewn modd tywyll, mae cefndir y lapio dodrefn yn dod yn #1a1a1a. Mae'r labeli cynnwys yn defnyddio lliw'r piler newydd. Nid oes gan y prif bennawd liw cefndir ac mae'n defnyddio lliw border y pennawd. Mae paragraffau standfirst yn defnyddio lliw border y pennawd. Mae dolenni yn y standfirst, ynghyd ag awdur y byline a'i ddolenni, yn defnyddio lliw'r piler newydd. Mae elfennau SVG amrywiol meta hefyd yn dilyn yr arddullio hwn.Pan fo gan y corff y dosbarth "ios" neu "android", mae eiconau SVG y tu mewn i'r adran meta o'r lapio dodrefn yn y cynwysyddion erthygl nodwedd, safonol, neu sylwadau yn cael eu strôcio â lliw'r piler newydd. Mae capsiynau ar gyfer delweddau arddangos yn yr un cynwysyddion wedi'u lliwio â lliw'r dateline. Mae dyfyniadau bloc wedi'u dyfynnu yn rhyddiaith corff yr erthygl yn defnyddio lliw'r piler newydd. Mae prif gorff yr erthygl, cynnwys rhyngweithiol, corff nodwedd, corff sylwadau, ac unrhyw elfen sydd â'r priodoledd data "gu-name" wedi'i osod i "body" o fewn y cynwysyddion hynny yn cael lliw'r cefndir tywyll wedi'i gymhwyso â blaenoriaeth. Yn ogystal, mae llythyren gyntaf y paragraff cyntaf sy'n dilyn elfen atom, giât mewngofnodi, neu elfen sydd â'r ID "sign-in-gate" y tu mewn i'r cynwysyddion corff hynny wedi'i harddullio.Mae'r detholydd CSS hwn yn targedu llythyren gyntaf paragraffau sy'n dilyn elfennau penodol (fel `.element-atom`, `.sign-in-gate`, neu `#sign-in-gate`) o fewn amrywiol gynwysyddion erthygl a sylwadau, gan gymhwyso gwahanol arddulliau yn dibynnu a yw'r ddyfais yn iOS neu'n Android.Ar ddyfeisiau Android, bydd llythyren gyntaf paragraffau sy'n dilyn elfennau penodol—fel `.element-atom`, `.sign-in-gate`, neu `#sign-in-gate`—o fewn amrywiol gynwysyddion erthygl (gan gynnwys `#feature-article-container`, `#standard-article-container`, a `#comment-article-container`) a'u his-adrannau (`#article-body`, `.content--interactive`, `#feature-body`, `[data-gu-name=body]`, `#comment-body`) yn cael eu lliwio gan ddefnyddio'r newidyn `--new-pillar-colour`, gan ddiffygio i wyn.
Ar gyfer erthyglau math sylwadau ar iOS ac Android ill dau, mae gan y `.standfirst` y tu mewn i `.furniture-wrapper` o fewn `#comment-article-container` badding uchaf o 24px a dim ymyl uchaf.
Mae penawdau (`h2`) o fewn `.prose` â maint ffont o 24px.
Ar iOS, mae gan y `#caption-button` y tu mewn i `#feature-article-container`, `#standard-article-container`, neu `#comment-article-container` badding o 6px uchaf, 5px chwith a dde, a 0 gwaelod.Mae gan fotwm y capsiwn yng nghynwysyddion erthygl nodwedd, safonol, a sylwadau ar ddyfeisiau Android 4px o badding ar y brig a'r ochrau.
Pan fydd modd tywyll wedi'i alluogi, mae'r lliwiau canlynol yn cael eu cymhwyso: mae testun dilyn yn dod yn llwyd golau (#dcdcdc), mae llenwad eicon dilyn yn defnyddio lliw piler modd tywyll, mae testun standfirst yn dod yn llwyd golau, ac mae testun dolenni standfirst a'i border ill dau yn defnyddio lliw piler modd tywyll. Mae'r byline hefyd yn defnyddio lliw piler modd tywyll.
Ar iOS ac Android, mae'r labeli cynnwys a'r pennawd yn y lapio dodrefn ar gyfer cynwysyddion erthygl nodwedd, safonol, a sylwadau i gyd yn defnyddio pwysau ffont o 500. Mae'r un peth yn berthnasol i'r pennawd a pharagraffau standfirst yn y lapio dodrefn.
Mae cefndir y dudalen yn defnyddio lliw pinc golau (#fff4f2) ar gyfer yr ysgrif penwythnos, ac mae cefndiroedd adran yr erthygl ac is-feta yn cyfateb i'r lliw hwn.
Mae'r elfen llinellau wedi'i chuddio.
Mae'r lapio dodrefn wedi'i leoli'n gymharol. Ar sgriniau o leiaf 81.25em o led, mae'n defnyddio cynllun grid gyda thair rhes: mae'r rhes gyntaf yn dal y teitl a'r portread, yr ail yn dal y pennawd, a'r drydedd yn dal y standfirst a'r wybodaeth meta.
Mae'r pennawd erthygl a'r elfennau teitl yn 70px o uchder. Mae'r labeli cynnwys y tu mewn iddynt yn etifeddu'r uchder hwn. Mae eicon llyfr addurnol (70x70px, neu 110x110px ar sgriniau ehangach) wedi'i leoli ar y gwaelod ar y dde gan ddefnyddio delwedd gefndir GIF.
Y tu mewn i'r labeli cynnwys, mae llinell rannu lorweddol yn cael ei thynnu ar y gwaelod, gan ymestyn lled y viewport heb y bar sgrolio. Ar sgriniau o leiaf 46.25em o led, mae'n ymestyn 20px i'r chwith ac mae'n 738px o led. Ar sgriniau o leiaf 61.25em o led, mae'r rhannwr hwn wedi'i guddio.
Mae uchder y pennawd erthygl a'r teitl yn cynyddu i 80px ar sgriniau o leiaf 71.25em o led, ac i 125px ar sgriniau o leiaf 81.25em o led.
Ar sgriniau o leiaf 81.25em o led, mae'r pennawd yn cael ymyl uchaf o -2px.Mae ffigur y cyfryngau a'r capsiwn y tu mewn i'r lapio wedi'u gosod i lenwi lled y viewport heb 40px a dim bar sgrolio, gydag uchder awtomatig, ymyl chwith o 10px, a 10px o badding fertigol. Y tu mewn i'r prif ardal gyfryngau, mae gan gapsiwn y ffigur ymyl gwaelod o 10px a 10px o badding. Mae'r ffigur hefyd yn cael ffrâm addurnol: delwedd gefndir wedi'i chanoli, wedi'i chynnwys, wedi'i lleoli'n absoliwt ar y brig, yn ymestyn lled y viewport heb 20px a dim bar sgrolio, gyda gwrthbwyso chwith o 10px ac uchder etifeddol.
Ar gyfer ffigurau cinemagraph, mae gan y div mewnol cyntaf gefndir tryloyw. Mae'r fideo yn 92% o led gydag ymyl uchaf o 16px ac ymylon ochr o 8px, tra bod y capsiwn yn 93% o led gydag ymyl chwith o 2px ac ymyl gwaelod o 12px.
Ar ledau viewport o 23.4375em ac uwch, mae'r fideo cinemagraph yn dod yn 94% o led, ac mae'r capsiwn yn dod yn 91% o led gydag ymyl chwith o 9px ac ymyl gwaelod o 12px.
Ar 46.25em ac uwch, mae'r ffigur yn colli ei ymyl chwith. Mae delwedd y llun yn dod yn 670px o led gydag uchder awtomatig, ymyl chwith o 5px, a 15px o badding uchaf/gwaelod a 10px o badding ochr. Mae'r ffrâm addurnol yn dod yn 700px o led ac yn symud 10px i'r chwith. Mae'r capsiwn yn dod yn 650px o led gydag ymyl chwith o 15px, ymyl gwaelod o 15px, a 15px o badding uchaf/gwaelod a 10px o badding ochr. Mae'r fideo cinemagraph yn dod yn 96% o led gydag ymyl uchaf o 18px ac ymylon ochr o 6px, ac mae ei gapsiwn yn dod yn 96% o led gydag ymyl chwith o 6px ac ymyl gwaelod o 17px.
Ar 61.25em ac uwch, mae'r ffrâm addurnol yn dod yn 470px o led. Mae delwedd y llun a'r capsiwn ill dau yn dod yn 450px o led heb ymyl chwith. Mae padding delwedd y llun yn dod yn 10px uchaf/gwaelod a 0 ochr. Mae ymyl gwaelod y capsiwn yn dod yn 10px. Mae'r fideo cinemagraph yn cael ymyl uchaf o 10px ac ymylon ochr o 6px, ac mae ei gapsiwn yn cael ymyl chwith o 6px ac ymyl gwaelod o 12px.
Ar 71.25em ac uwch, mae'r ffrâm addurnol yn dod yn 550px o led. Mae delwedd y llun yn dod yn 520px o led gydag ymyl chwith o 5px a 10px o badding uchaf/gwaelod a 5px o badding ochr. Mae'r capsiwn yn dod yn 510px o led gydag ymyl chwith o 10px ac ymyl gwaelod o 10px. Mae'r fideo cinemagraph yn cael ymyl uchaf o 12px ac ymylon ochr o 6px, ac mae ei gapsiwn…Mae gan gapsiwn ffigur cyfryngau'r lapio dodrefn ymyl chwith o 6px ac ymyl gwaelod o 15px.
Ar sgriniau o leiaf 81.25em o led, mae ffigur y prif gyfryngau a ffigur y cyfryngau yn y lapio dodrefn yn cael elfen cyn iddynt sy'n 630px o led. Mae delweddau eu lluniau yn 600px o led gyda 15px o badding uwchben ac oddi tano. Mae eu capsiynau yn 600px o led gydag ymyl chwith o 5px ac ymyl gwaelod o 15px. Ar gyfer ffigurau cinemagraph, mae gan y fideo ymyl uchaf o 16px ac ymylon ochr o 8px, ac mae gan y capsiwn ymyl chwith o 8px.
Mae botwm y capsiwn yn y prif gyfryngau a'r lapio cyfryngau wedi'i leoli 15px o'r dde a 20px o'r gwaelod. Ar sgriniau o leiaf 46.25em o led, mae'n symud i 45px o'r dde a 30px o'r gwaelod. Ar sgriniau o leiaf 61.25em o led, mae'n mynd yn ôl i 15px o'r dde a 20px o'r gwaelod. Ar sgriniau o leiaf 71.25em o led, mae 20px o'r dde. Ar sgriniau o leiaf 81.25em o led, mae 30px o'r gwaelod.
Pan fo'r prif gyfryngau neu'r lapio cyfryngau yn cynnwys cinemagraph, mae botwm y capsiwn 20px o'r dde. Ar sgriniau o leiaf 46.25em o led, mae 35px o'r dde a 25px o'r gwaelod. Ar sgriniau o leiaf 61.25em o led, mae 25px o'r dde a 20px o'r gwaelod. Ar sgriniau o leiaf 71.25em o led, mae 25px o'r gwaelod.
Mae'r div no-media yn y prif gyfryngau a'r lapio cyfryngau yn defnyddio flexbox i ganoli ei gynnwys, gan gymryd y lled llawn. Mae testun ei baragraff yn 24px, pwysau 500, gydag uchder llinell o 115%, wedi'i liwio â'r newidyn byline anchor, yn feiddgar, wedi'i danlinellu, ac wedi'i arddangos fel bloc.
Ar sgriniau o leiaf 71.25em o led, nid oes gan y golofn brif ryngweithiol unrhyw ymyl chwith, ac mae ei elfen cyn wedi'i chuddio.
Mae aside yn y golofn brif ryngweithiol â rôl spacefinder ategol sy'n cynnwys dyfyniad bloc yn cael lliw cefndir o #fff4f2, neu'r newidyn cefndir ysgrif penwythnos os yw wedi'i osod.
Mae gan lythyren gyntaf paragraff cyntaf y golofn brif ryngweithiol bwysau ffont o 300. Mae llythyren gyntaf y paragraff cyntaf ar ôl hr, ar ôl lapio bar cynnydd, neu mewn paragraff cap gollwng yn defnyddio'r teulu ffont Guardian Headline gyda phwysau o 300, maint ffont o 111px, uchder llinell o 92px, testun priflythrennau, wedi'i arnofio i'r chwith, gydag ymyl dde o 8px, wedi'i alinio i frig y testun, box-sizing border-box, ac wedi'i liwio â'r newidyn cap gollwng neu liw piler newydd.
Mae penawdau H2 yn y golofn brif ryngweithiol wedi'u lliwio #8d2700, gyda maint ffont o 28px, arddull normal, pwysau 300, uchder llinell normal, ac ymyl gwaelod o 8px. Ar sgriniau o leiaf 71.25em o led, maint y ffont yw 32px. Os yw'r h2 yn cynnwys elfen strong, y pwysau ffont yw 500.
Mae ffigur yn y golofn brif ryngweithiol sy'n cynnwys iframe yn cael lliw cefndir o #fff4f2, neu'r newidyn cefndir ysgrif penwythnos os yw wedi'i osod.
Ar sgriniau o leiaf 71.25em o led, mae figcaption ffigur â'r dosbarth element-showcase yn y golofn brif ryngweithiol wedi'i leoli'n absoliwt.Mae'r cod CSS hwn yn addasu cynllun y ddelwedd gyntaf mewn erthygl ar gyfer dyfeisiau iOS ac Android. Ar sgriniau llai, mae'r ddelwedd yn cymryd bron led llawn y viewport gyda rhywfaint o badding. Ar sgriniau canolig (o leiaf 61.25em o led), mae lled y ddelwedd wedi'i osod i tua hanner y viewport, gydag ymylon a phadding wedi'u haddasu. Ar sgriniau mwy (o leiaf 81.25em o led), mae'r lled yn cael ei leihau ychydig ymhellach, ac mae'r ddelwedd yn cael ei symud tuag i fyny. Mae'r ffigur sy'n cynnwys y ddelwedd hefyd wedi'i gyfyngu i led uchaf o 620px ar sgriniau canolig ac uwch, gydag elfen ffug wedi'i lleoli i'r chwith. Yn ogystal, ar sgriniau o leiaf 46.25em o led, mae botwm capsiwn yn cael ei arddullio ar gyfer y dyfeisiau hyn.Ar ddyfeisiau iOS ac Android, ar gyfer cynwysyddion erthygl nodwedd, safonol, a sylwadau, mae botwm y capsiwn y tu mewn i'r lapio dodrefn prif gyfryngau wedi'i leoli 45px o'r gwaelod.
Ar sgriniau o leiaf 61.25em o led, ar iOS ac Android, mae'r lapio dodrefn prif gyfryngau mewn cynwysyddion erthygl nodwedd, safonol, a sylwadau yn defnyddio ardal grid y portread, â lled uchaf o 620px, ac mae ei uchder yn addasu'n awtomatig.
Ar iOS ac Android, mae'r elfen ffigur y tu mewn i'r lapio dodrefn mewn cynwysyddion erthygl nodwedd, safonol, a sylwadau wedi'i lleoli'n gymharol heb ymyl uchaf. Mae ei ffigur mewnol wedi'i leoli'n absoliwt 15px o'r brig a 20px o'r chwith, gyda lled sy'n hafal i led y viewport heb 40px ac uchder awtomatig. Mae delweddau y tu mewn yn llenwi'r gofod gyda object-fit cover. Mae botwm y capsiwn yn eistedd 24px o'r dde a 20px o'r gwaelod.
Ar sgriniau o leiaf 46.25em o led, mae'r ffigur mewnol yn dod yn 680px o led gydag uchder awtomatig, wedi'i leoli 10px o'r brig a 10px o'r chwith. Mae lleoliad botwm y capsiwn yn parhau yr un fath.Ar y gwaelod: 25px. Ar gyfer sgriniau o leiaf 61.25em o led, ar ddyfeisiau iOS ac Android, mae ffigurau y tu mewn i'r lapio dodrefn o'r cynwysyddion erthygl nodwedd, safonol, a sylwadau wedi'u gosod i led o 50vw heb 20px heb led y bar sgrolio (gan ddiffygio i 0px). Ar yr un dyfeisiau a chynwysyddion hynny, nid oes gan y standfirst ymyl uchaf, 8px o badding uchaf, a 10px o badding dde. Mae ei elfen ffug cyn wedi'i chuddio. Mae testun y tu mewn i'r standfirst—paragraffau, dolenni, ac eitemau rhestr—yn
