Help with Flex HTML

[jamedlock83]

Need some help with Flex.

Go here: Flex HTML link

I'm sure the guy that owns this site uses Flex html. . . When he adds the Los Angeles Dodgers for 2024, the 2020 LA Dodgers will move down to the next line automatically. . . . Does anyone now how to set something like that up? It doesn't have to be exact boxes that he has. .  I want something like this

[jamedlock83]

I'm managing. I just need help with one more thing for now. I need the "1st" to go over to the left more.  Right now, it's aligning the same as the picture if that makes sense.

[osgood_]

Yes, that's as a result of the left padding of 25px on the 'product' css:

You can remove the padding completely from the 'product' css.

Then add some left and right margin to the text and image css to stop those items running into the side of the 'product' box as the browser window narrows.

Alternatively you can leave the padding on the 'product' css and position the 1st, 2nd text etc absolutely by giving the 'product' css a position of relative.

position: relative;

Then giving the css that controls the 1st, 2nd etc text a position of absolute:

position: absolute;

top: 0; /* this is the default position */

left: 0; /* this is the default position */

You should not really need to include the default position as part of the css.

If you use the absolute positioning solution you will most likely encounter the text sitting over your other text. To counter this give the 'product' css some more top padding to push the text down further in the box..

[jamedlock83]

How's this thus far?