Jak se provádí nastavení responzivity u stránek

Ahoj, dělám web přes editor WYSIWYG Web Builder, rád bych se zeptal, jak se běžně při tovrbě stránky nastavuje to, aby byla stránka responzivní tzn. aby vypadala stejně na desktopu nebo mobilu. V tom editoru co používám, tam lze udělat mnoho věcí, např. nastavit stránku pro telefon apod. Ale nevím jestli je nutné vše vždy překopírovat a přerovnat na jednotlivé zařízení. Spíš mě zajímá, na jaké rozměry se většinou takto weby nastavují. Osobně mám možnost vyzkoušet to na 1920*1080 což je rozlišení mého monitoru a dále se můžu podívat na to jak web vypadá na telefonu, ale nemám možnost vidět, jak to bude vypadat na tabletech apod. Nedělám nijak složitou stránku ale zajímá mě to jak toto probíhá. Spíše do jakých rozměrů stránku na jednotlivá zařízení upravit. Protože když já dělám web v poměru mého rozlišení a někdo si stránku pustí na větším monitoru bude to mít zase menší. Díky za rady

Nevim, jestli dobre chapes responzivitu. Pises, aby stranka vypadala stejne na desktopu, tabletu i telefonu. To prave ma vypadat jinak. Samozrejme to plati hlavne pro telefon, kdy se ti prvky naskladaji pod sebe, fixne se horni menu, apod.Jsou tzv. break pointy (odhadem jich je treba 5 beznych), co jsou sirky displeju zarizeni, kde se delaji urcite zmeny stylu, ktere zaridi, aby se web dobre prochazel na mensim displeji. Bezne se to dela pres CSS media queries.Ve vysledku mam vetsinou tedy jeden prvek, ktery vypada jinak dle daneho rozliseni. Ale samozrejme jsou i situace, kde jsou prvky udelany treba dvakrat a bud se skryji nebo zobrazi - opet podle rozliseni.Dulezite je vychazet z nejakeho containeru/wrapperu, coz je vychozi sirka obsahu stranky (ne cele stranky, jen obsahove casti). Bezne se pouziva treba 1170px. To je sirka, kde se vklada na webu obsah. Jasne, ze menu treba presahuje uplne do okraje, apod. Ale hlavni obsahova cast webu je v tomhle containeru. Vetsi nema smysl delat.

Díky

Ještě bych doplnil, že se dnes přechází k postupu, kdy se nejdříve navrhne, jak bude vypadat web na mobilu (mobile first), je to z toho důvodu, že designér pracuje s omezeným prostorem a přemýšlí, co je pro uživatele důležité aby viděl. Na větší zařízení se pak informace přidávají.

play card game solitaire is a single player game, it can also be played with more than one player. For the two player game, you have to compete with the other player