De meeste responsive websites gebruiken een Cascading Style Sheet (CSS) opbouw welke uit meerdere gedeeltes bestaat.
Responsive Framework gebruikt er eigenlijk 4.
De eerste heet normalize.css . Deze zet veel waarden op een universele nul stand.
De tweede heet resGrid.css . Deze bepaalt de kaders welke het grid definieert. Het grid is een raster in een website welke mee beweegt met de afmetingen van het te gebruiken apparaat.
Het responsive grid systeem bepaalt de blokken structuur en wanneer ze onder elkaar schuiven. De structuur kan uit een aantal horizontale blokken bestaan. Per rij kan dit een verschillend aantal zijn.
De derde heet responsive_framework.css . Deze bepaalt de algemene zaken woor de website.
In feite alle zaken welke niets met responsive van doen hebben.
De vierde heet respMediaQueries.css . De media queries bepalen de eigenschappen van de individuele blokken binnen een aantal breedtes. Deze breedtes kun je zelf bepalen maar handiger is om de afmetingen van de gebruikte breedtes binnen de te gebruiken apparaten aan te houden.
Dat betekent telefoons, tablets en desktops.
In totaal bepalen zij de gehele website.
voorbeeld 1
De afbeelding van een baai.
Een strandje aan de rand van dorpje.
voorbeeld 2
Spoor wissels in een bergachtig dorp in Zwitserland.
voorbeeld 3
Een palmboom aan de rand van een meer.
voorbeeld 4
Zwitserse vlag in een vallei.
voorbeeld 5
Eem heerlijke soep met kaas en stokbrood.