How can I place two blocks side by side on my website?

Store Design
1

Hello! I want to put two seperate blocks side by side, like for example shown here:

Accentua111_0-1685654814438.png
Accentua111_0-1685654814438.png1399×336 12.8 KB

My store link is: https://accentua-2367.myshopify.com/account/login

2

@Accentua111 you need to add one main class of the login and register form and give that class to flex property.

3

What do you mean add one main class? In the JSON file? there is “main” written there:

{
“sections”: {
“main”: {

The entire json code under customer login is:

{
“sections”: {
“main”: {
“type”: “main-login”,
“settings”: {
“padding_top”: 48,
“padding_bottom”: 0
}
},
“second”: {
“type”: “main-register”,
“settings”: {
“padding_top”: 36,
“padding_bottom”: 36
}
}
},
“order”: [
“main”,
“second”
]
}

Do i just add a flex property?

4

Hi where you able to figure this out? If so can you please share the code?