In this example, we have created a header, three unequal columns and a footer. On smaller screens, the columns will stack on top of each other.
Resize the browser window to see the responsive effect.
Column
Tässä juttua tekoälystä!
Column
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac nunc magna. Aliquam fringilla odio lectus, vitae maximus tellus hendrerit sed. In hac habitasse platea dictumst. Nulla id sapien et felis condimentum faucibus sed id nisi. Donec eget blandit nisi, et lacinia ex. Phasellus tristique tellus et ipsum egestas, non vestibulum nisi cursus. Aliquam ut ligula eu turpis rutrum congue vitae vel arcu. Cras eget tempor ipsum. Nulla varius viverra risus. Vivamus sit amet lectus eget quam elementum lacinia sed maximus odio. Curabitur ullamcorper rutrum fringilla.
Column