Click here to Skip to main content
15,867,845 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
I'm trying to create a 90 deg rotated layout. But the problem is that none of the method I used to use works in this case. Since it is rotated, changing size, getting it responsive does not seem to work.

I'm trying to let the "My Project" title take half of the rotated screen and the other half will contain images and containers.

Can anyone help me out with this? How do i make sure that it resizes and placement is always half:half layout without overflow during resize in different device size. Please provide me with a hint to complete my work. Thank you!

Link to the code in jsfiddle.
Here's a link to the think I'm doing: https://jsfiddle.net/7tfy4gdh/1/

Here's what i want to build: https://prnt.sc/10wb1p7

What I have tried:

I've tried doing flex, using vh, and media query. I just can't seem to get it done. Please help!
Posted

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900