Containers in a row, side by side

[traut (Tom Traut)]

I want to have an image and text box side-by-side, so that our website name is next to our logo.

Flex does not seem to do this

[chet]

Give it a try with Grid using these settings and see if this works for you:

[jenkman (Steve Jenkins)]

It does. Set the flex to rows instead of columns.

[chet]

When is it best to use Grid and when is it best to use Flex?

[jenkman (Steve Jenkins)]

IMO, I would use the flex in your situation. There’s really no right or wrong as you will see working with elements. It’s very flexible.

[sbchasin (Steve C.)]

See:

Tailwind CSS Docs

A Complete Guide to CSS Flexbox | CSS-Tricks

Should help.

[chet]

What a great resource; thanks!

[traut (Tom Traut)]

Thanks; now how do I make a text box wider?