HTML/CSS

the thing behind it: the pictures are in one row with display flex and theyre held in tags and the tags have a percentage value of the space they should take up horizontally. when i made 2 a variables or whatever theyre called and set one on width: 70%; other at 30%; it only works for one picture to go right in the empty space. the rest start below the first img

because row is flex row, meaning it lines the pictures up in a row, and it has run out of space on that row, so has to make another row below for the last picture.

If you want it to do that, you need a flex row container -> first picture -> flex column container -> second and third picture

im assuming something in the .row div is causing this? maybe it works like this:
>oh theres one image, here it goes. because i have flex-wrap i should put the next one on the right! oh then theres another one! it should go on the left!
(it doesn't recognize the individual percentages of space the images take and it doesn't have anything to tell it that it should fill up the blank space. it only knows to go from right to left from right to left... etc. but is there a line that can tell it to go maybe left one time and right two times... etc. or something

eg

...

yo i think i get this. thank you!

Well then throw your code away and just use that anons code. It's easier and works

now its different, decent progress

Attached: Screenshot_2022-07-14_14-35-51.png (1541x988, 663.5K)

you're right. if i can't fix it on this then ill change most of the thing.

and what is supposed to do when resized?