Je website op je mobieltje
Nu je website klaar is voor desktop, is het tijd om je website voor een mobiel scherm te optimaliseren.
We gebruiken daarvoor de mobiele weergave. Zie screenshot hiernaast.
Vaak ziet het er al zeer redelijk uit, alleen kunnen de afstanden vaak wat finetuning gebruiken. Zie screenshot hiernaast. Je kunt dit gebruiken op secties, rijen, kolommen en modules. Aan jou de keuze!
Margin en padding
Als je een tekst wat omhoog wilt bewegen, gebruik je een negatieve waarde voor margin-top. Bijvoorbeeld -25px. Je ziet de tekst meteen omhoog gaan.
Padding kan geen negatieve waarde hebben. Padding gebruik je vaak als je bijvoorbeeld je tekstmodule een achtergrond kleur geeft. Hieronder vind je twee voorbeelden
Voorbeeld van een tekstmodule met een achtergrondkleur oranje en een margin van 25px. Ziet er niet zo fraai uit.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Voorbeeld van een tekstmodule met een achtergrondkleur oranje en een padding van 25px. Ziet er stukken beter uit!
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.