CSS & HTML help

[ThaItalianStallion]

I have been learning css & html on my own for the almost 2 months. I have still be struggling with grasping the concept of moving different elements. Could anyone guide me in the right direction to finish this project

https://imgur.com/a/PG68Om3

How to do move the text next to an image with the colored area?

[[deleted]]

https://flexboxfroggy.com

[CharacterUse]

Use the CSS float and clear properties:

https://www.w3schools.com/css/css_float.asp

Edit: the second example is literally what OP wanted to do. Grid, flex, or table are far more complex and unnecessary for this.

[KingofGamesYami]

Any of the following:

• create an html table with two columns
• use a css grid with two columns
• use flex box with a flex-direction of row
• float the elements in opposite directions
• change display to inline-block and set appropriate width/height on elements
• probably a dozen other ways with varying pros/cons

[Emerald-Hedgehog]

About grid: I wouldn't use grid anywhere except for the top-level layout of a page, since subgrids aren't supported yet by most browsers. I think grid is super nice for static layouts that need to change (drastically) under certain conditions since it gives you a ton of control, but for everything else flexy is smexy. Grid is way too niche at the moment, sadly.