in case you noticed me trying to update my about page: I thought it'd be nice to put my 2 columns into a container that would make it so they'd appear side by side regardless of screen size and to make them leveled into a row. For some reason this is an impossible task. I've looked at a dozen different methods online and none of them worked. I feel as though I am losing my mind.
you can try adding "display: flex; flex-flow: row nowrap; gap: 10px;" to div class="2" and set each column to "min-height: 100%; flex: 1 0;" and get rid of the between columns to get this (https://imgur.com/a/SzRqGsB) i think that should do it
a table might help? don't take my word for it I get so lost with this stuff fairly regularly,,
you can try adding "display: flex; flex-flow: row nowrap; gap: 10px;" to div class="2" and set each column to "min-height: 100%; flex: 1 0;" and get rid of the between columns to get this (https://imgur.com/a/SzRqGsB) i think that should do it
the "br" between columns oops
ooh, that's a better idea
try this:
.gridcontainer {display: grid; grid-template-columns: 2fr 2fr 2fr; grid-gap: 20px;}
omg i love that everyone is coming to help me... i feel so loved now
I idn't realize i had a between the columns lol ... thats probably like 90% of the issue omg