34 replies

Responsiveness method

Hello

Now when it comes to making website responsive I fellow two design modes, Portrait mode or landscape mode. I use JavaScript to decide which mode to apply based on the screen orientation. I don't use Media queries but only if i wanna add some extra styles for screens that are too big or too small.

My question is, what are the cons of this method? I wanna know if this way is good to go or if it has some serious cons

Example of how I set the style mode:

.container {
    display: flex;
}

body.portrait-mode .container {
    flex-direction: column;
}

.container {
    display: flex;
}

body.portrait-mode .container {
    flex-direction: column;
}

.container {
    display: flex;
}

body.portrait-mode .container {
    flex-direction: column;
}

.container {
    display: flex;
}

body.portrait-mode .container {
    flex-direction: column;
}

Responsiveness method

Similar Threads

Similar Threads

Similar Threads