The default Streamfield block markup consists mainly of a div with a class describing the streamfield type. Hence, most of the streamfield content is rendered unsettled and without semantic markup.

Task

Improve the streamfield content by changing the template and/or adding CSS styling.

Image

• alt text
• caption
• alignment (left/right/center)
• word-wrap option

Pullquote

• align

Use Bootstrap 4 in Front-end and make default template responsive