Pradedame nuo žaidimo su savo tinklaraščio įrašų moduliu, blaškydamiesi tarpais. Viršutiniame kairiajame modulio kampe taip pat pridedame mažą spalvotą kvadratą, kuris yra turinio tipo vaizdinis žymeklis.
Kitas mūsų atliekamas pakeitimas yra sumažinti kai kurias išorines spragas esant siauresniems ekrano dydžiams. Plačiuose ekranuose turinys yra 80% pločio (10% pločio briaunos), bet geriau atrodo, pavyzdžiui, 90% mažesniuose ekranuose (5% pločio kraštai).
Pridedame nedidelį perėjimą, kai įvyksta ta medijos užklausa, o tai gali būti tikrai įdomus dizainerio triukas. Man patinka šiame vaizdo įraše, bet galiausiai tai buvo ištraukta iš dizaino. Jis gali tapti neramus, kai puslapyje yra daug daugiau turinio ir gana blaško dėmesį.
Mes keičiame savo tinklo sistemą, kad lūžio taškas būtų mažiausias. Tai labai lengva, mes tiesiog nustojame plukdyti kolonas ir paverčiame jas „ width: 100%;Yay“, kad nepermąstytumėte tinklelių! Kelyje kovojame su kai kuriomis specifikos problemomis.
Atidarome tikrąjį „iOS“ treniruoklį, kad patikrintume tinklelį, veikiantį „tikrame“ mobiliajame įrenginyje. Mes šiek tiek stengiamės rasti tinkamą metažymą, bet galų gale nuimkite teisingą CSS-Tricks.com. Tai veikia! Tačiau, žinoma, turime tam tikrų padėties nustatymo problemų, kurias turėsime išspręsti. Įrašui, ši metažyma yra:
Mes skardiname tinkerį tarpais ir dydžiais, kol viskas atrodo gerai. Viskas atrodo gana gražiai reaguojanti į pabaigą!