feanor Posts - Answer Overflow

feanor

•Created by feanor on 4/4/2024 in #front-end

How to make 1920px container design look good on smaller desktop screens?

I've the design of a dashboard which has a 1920px container size. How do I approach it so the application maintains its appearance on smaller desktop screens as well? Because if i use the same font sizes, spacing etc as provided in the design, the content just won't fit on smaller desktop screens. How to achieve this kinda "adaptiveness"? Would appreciate the help.

34 replies

KPCKevin Powell - Community

•Created by feanor on 3/6/2024 in #front-end

Position Sticky stops working, after I set a sibling element to Position Absolute

<header>
  <div class="logo"></div>
  <div class="header__links"></div>
  <nav class="nav"></nav>
<header>

<header>
  <div class="logo"></div>
  <div class="header__links"></div>
  <nav class="nav"></nav>
<header>

this is the structure. header is position relative. .header__links is set to position: sticky because i want it to stick on top of my page. Things are working fine so far. But when I set nav to position: absolute, the sticky element stops working like it should.

8 replies

Gaming

Programming