Brooklyn theme slideshow section question

[jamesMeegan]

So Im trying to recreate the hellofresh homepage to practice developing a shopify theme.

So their home page looks like this:

My home page looks like this right now, how would I go about changing it so the text is focused in one area like it is on hello fresh? Would I use some kind of css flex box?

Store url: https://yourgrub.myshopify.com/

password: thewch

[dmwwebartisan]

@jamesMeegan

Please add the following code at the bottom of your assets/theme.scss.liquid file.

.hero__text-content {padding: .0rem 0.0rem 0 !important;}

Thanks!

[Ninthony]

You can add a max-width property to get it all squished together. Something like:

.hero__text-align {
    max-width: 600px;
}

Just adjust the pixel value to whatever you think looks good.

[jamesMeegan]

perfect thank you