Your site already has a banner across the top.
Today you will put two things side by side on a page, instead of one under the other.
You will use a new block called a row, which holds two things beside each other instead of one above the other.
Until now, everything on your page sits in one long column. A heading, then text, then a picture, then more text. One thing under the next.
A row lets two things sit beside each other instead.
A row is a block that holds other blocks. You put things inside it. Then those things share the same line on the page.
Here is a row holding a picture and a line of text:
{"languageVersion": 0, "blocks": [{"type": "wp_row", "inputs": {"ITEMS": {"block": {"type": "wp_picture", "fields": {"IMG": "ball"}, "next": {"block": {"type": "wp_text", "fields": {"TEXT": "I play football every Saturday with my friends.", "SIZE": "normal", "ALIGN": "left"}}}}}}]}
Open the interactive. Your site is already there.
Look at the Home page on the Your web page tab.
Find the picture and the sentences near it.
Notice how they sit: one under the other, in one tall column.
Do not move anything yet. Just look.
Open the Blocks tab on your Home page.
From Layout, drag a row block onto your page.
Drop it under the first text block, above the picture.
The row should look open, ready to hold things inside.
Now find the picture block already on your page (from Content), or pick a different picture from Content if you prefer.
Drag that picture inside the row, where the row opens out.
Not above the row. Not below it. Inside it.
Open the Your web page tab. You should see the picture sitting in the row.
If the picture is still in the tall column on its own, drag it again into the open part of the row.
Stay on the Blocks tab on your Home page.
Find the text block (from Content) that talks about the hobby in the picture (for example, the football sentences).
Drag that text block inside the same row, next to the picture.
Both blocks should sit inside the row together.
Open the Your web page tab.
The picture and the sentences should now sit side by side.
If one of them is still under the row on its own, drag it inside the row again.
You're previewing this lesson. Get full access to this lesson and hundreds more — each one ready to teach, with interactive activities, printable resources and pupil progress tracking built in.