Dynamic header size

Hi,
in my header template I want to set a dynamic size of logo and icons for different desktop sizes - on large screens it looks OK but on notebooks (<15") the header is too big. Is it OK (best practice) to set size od logo and icons in relative units like vw? Or I need to define new css breakpoint for smaller resolution?