Danas sam cijeli dan radio na svojoj WordPress stranici, koristeći Blocksy temu. Na prvu je sve izgledalo jednostavno – napraviti nekoliko blog postova, posložiti strukturu i završiti stvar u par sati. No, kao i uvijek u web dizajnu, detalji su ti koji uzmu najviše vremena.
Najveći izazov danas bile su margine i razmaci između elemenata. Na desktop verziji stranica je izgledala odlično. Layout je bio čist, tipografija uredna, a sekcije su imale dovoljno “zraka” da sve djeluje profesionalno i pregledno. Međutim, čim sam prebacio prikaz na mobilnu verziju, počeli su problemi.
Elementi koji su na računalu bili savršeno poravnati, na mobitelu su izgledali zbijeno ili su imali prevelike razmake. Neke sekcije su bile preblizu jedna drugoj, dok su druge imale nepotrebno puno praznog prostora. Krenulo je fino podešavanje – margin-top, margin-bottom, padding, testiranje različitih breakpointa i stalno prebacivanje između desktop i mobile prikaza.
Blocksy kao tema daje dosta fleksibilnosti, ali upravo ta fleksibilnost znači i više kontrole – a time i više odgovornosti da sve bude precizno namješteno. Responsivnost nije samo prilagoditi širinu ekrana, nego osigurati da svaki element izgleda uravnoteženo na svakoj veličini uređaja.
Nakon puno sitnih korekcija i testiranja, napokon sam sve doveo u red. Dan je bio iscrpljujuć, ali osjećaj kada vidiš da stranica izgleda profesionalno i na desktopu i na mobitelu je vrijedan truda. Upravo ti mali, nevidljivi detalji čine razliku između prosječne i vrhunske web stranice.
