image

Styling Elements

Use the Visual Inspector to style your elements

Desired Outcome

image

Title

Description
You will first group the elements together with Ctrl/Cmd + G or right-click and select "Group"
Select the image element and choose a nice photo from the Asset Manager
To open the Asset Manager, hit Ctrl/Cmd + 5
On the right side you will see the Visual Inspector where you can style the elements to your liking
Can't find the property you are looking for? Click on the Advanced tab to add custom CSS properties
Play around with layout properties, padding, border, radius, and text alignment until you get the desired look

Try it yourself

image

Heading

Text

Bonus - Creating responsive layouts

If you're feeling up to it you can also experiment with media query styles to make your elements responsive
Just resize the page from the right or left sides until you reach a media query breakpoint
All the styles you set will be applied when the page's width is smaller than the media query breakpoint