Flexbox or CSS Grid: Navigation Menu List Item – Social Icons

[Mary Pieroszkiewicz]

I want obtain my navigation menu – list item (two column) at mobile screen size (landscape) and three column tablet screen size, but my social icons I want obtain one column at the end of item list menu a full width screen at mobile landscape and tablet.

My code at Codepen: https://codepen.io/mary_pieroszkiewicz/full/qYeNrY/ …

I truly thank you for help.

[NopelTG]

Link not available

[Mary Pieroszkiewicz]

I have done it, but why Media Queries doesn’t work on Mobile Landspace …?

Codepen: https://codepen.io/mary_pieroszkiewicz/full/MXWEeB/

[kashif]

hi please change your media query sequence opposite

@media only screen and (min-width: 1024px) { }

@media only screen and (min-width: 768px) {}

@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (orientation: landscape) { }

[Author]

Posts