Tutorial na prepnuti na responzive web

Zdravim,
trochu už ovladám html a css tzn. down menu, hover effect atp. Ale netuším jak se dociluje toho, že desktop web se "překleslý" na first mobile přístup tzn. jak docílit mino desktop tzv.hamburger menu? Mohl by mě někdo nasměrovat v tom jak docílit toho, že styly se mění na základě toho z jakého zařízení uživatel přistupuje?

Díky :)

Pro zajištění "rozlišení" pro CSS:

Kód:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">

Media Query
- https://www.w3schools.com/css/tryit....ive_mediaquery

Původně odeslal Doctore97

Pro zajištění "rozlišení" pro CSS:

Kód:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">

Media Query
- https://www.w3schools.com/css/tryit....ive_mediaquery

Ok diky. Ted jsem trochu googloval to media Query a zdá se, že je to css3 funkcionalita. Koukám že na netu a webu jsou docela staré zdrojáky a knihy z kterých jsem čerpal pro první pokusy..