Hoe maak je een gekleurd vlak op een website?

) gebruiken. Dit is een element dat dient als een soort van vak/segment. Door een divider te maken en er tekst, buttonss of andere content in te zetten kun je jouw voorbeeld/plaatje namaken: https://jsfiddle.net/axel1998/dujx3tk1/1/

Wat je zeker moet doen is je divider een breedte van 100% geven (dit geeft de breedte van de divider aan als maat van de dichtstbijzijnde parent met een gedefiniëerde 'position') en een 'background-color'. Verder krijgt in veel browsers de body standaard een marge of padding. Om dit weg te werken overschrijf je de standaardregen met 'margin:0; padding:0;' (zie link hierboven).

Ik heb het geheel in mijn voorbeeld even afgemaakt door de kleuren en (ongeveer) de afmetingen van de situatie in je afbeelding over te nemen. In de css is duidelijk aangegeven wat vereist is en wat ik als extra opmaak heb toegevoegd.

Het geheel is trouwens geheel responsive, aangezien de tekst standaard een automatische wordwrap heeft en je je div niet groter kunt maken zonder hem deels buiten de window te zetten.

Hopelijk ben je hiermee geholpen. Voor vragen mag je een comentaar achterlaten, dan help ik je nog even verder.