Hello guys, I’m trying to create a 2 column (without using columns) background the simplest way possible. I need the first column to be 70% with some color and the other 30% some other color (see image)
But i also want it to be responsive so i was trying the background gradient but there are not enough controllers there to create what I want. I thought of doing a Div Block with 2 other div blocks inside with those percentages and then absolute position it with z-index, but I ask you: is it an easier way to do this? maybe I miss it.
that could work if the content was static. but i want to overlap, and im using scroll interactions later with transparent images so i want it to be fluid, not fixed. Sorry if im not making myself clear
i think i cracked it… but i’m worried now about the different screen sizes (not responsive) for instance, looks awesome 2560 x 1440 but not so great at 1440 x 900 specially the nav bar, i think im going to set it with percentages… any ideas?
The small white rule/arrow that overlaps the columns is contained in a div set to a width of 0px with overflow visible and a z-index higher than the other elements. This arrangement would allow you to have your computer float above the other elements.
