CSS Divs postions

Question

Consider following illustration:

DIV ONE occupies entire screen, and on button press it is shrinked to 50% and DIV TWO occupies right 50% space.

How can I achieve this using css or scss?

Achieve the click effect or the layout ? – Jones Joseph Apr 11 '17 at 14:01 — Jones Joseph, Apr 11 '17 at 14:01
Can you post some HTML or CSS to work with? – Waxi Apr 11 '17 at 14:01 — Waxi, Apr 11 '17 at 14:01

score 1 · Accepted Answer · answered Apr 11 '17 at 14:02

1

Hope this will help you, it's easy to achieve this in Javascript:

Your button:

<button onclick="yourFunction()">Button</button>

Javascript:

function yourFunction(){
    document.getElementById('divOne').style.width = "50%";
}

answered Apr 11 '17 at 14:02

Lukas A

1 Answers1