Hoping someone can help me, still adjusting to getting back into CSS & new to Webflow this past week.
I am currently building a site for a client where their will be a fixed navigation bar on the right hand of the screen on the desktop version and to the right of that there will be a large image, taking up the full (remaining) page width and half of the page height. Under that I would like to place an image that is 33% of the page wide and the remaining 50% high, with another beside that taking up the remaining 66% width and remaining height.
So basically I want those three images to fill the entire viewport on any desktop view and the nav var to take up the entire left hand of any screen. Is there an easy way to do this? I'm setting it up currently and the height percentages seem to be my issue. I don't want to limit their heights to actual pixels as I want the imagery to always be filling the remaining space.
Is this a matter of using Div's and assigning them backgrounds? I don't want to do it wrong so hoping someone is up for helping!
Many thanks in advance.