Hi Guys,
Hoping someone can help 🙂
I am trying to create a layout with 2 side by side columns within a container with a max-width of 1296px centerted on the screen.
Column 1 need to be 50% width of the container and column 2 (on the right) i would like to fill the rest of the screen and not the container. So the second column it need to start directley after the first but it width need to automatically run the the right hand side of the screen.
My solution was to make the container relative and column 2 absolute the add spaceing on the left by 50% and make the width 100% but that unfortunetly gives me a horizontal scroll as the width is now running of the scrren.
Could anyone possible advise?
Thanks
Hoping someone can help 🙂
I am trying to create a layout with 2 side by side columns within a container with a max-width of 1296px centerted on the screen.
Column 1 need to be 50% width of the container and column 2 (on the right) i would like to fill the rest of the screen and not the container. So the second column it need to start directley after the first but it width need to automatically run the the right hand side of the screen.
My solution was to make the container relative and column 2 absolute the add spaceing on the left by 50% and make the width 100% but that unfortunetly gives me a horizontal scroll as the width is now running of the scrren.
Could anyone possible advise?
Thanks
