Použijte šablonu cviceni-vyskakovaci-okno.
Vytvořte a naklonujte si repozitář a spusťte si stránku pomocí npx serve.
- Posuňte vyskakovací okno 200px od levého okraje stránky. Zamyslete se, v čem bude rozdíl, když na to použijete position: absolute nebo position: relative.
- Tlačítka "Ok" a "X" posuňte na vhodnější místa. Tedy "Ok" dolů přibližně doprostřed (nemusí být přesně), "X" doprava nahoru. Napozicujte je vůči modálu, ve kterém se nacházejí.
Bonus
-
Přidejte na stránku mnohem více textu, tak, aby se stránkou dalo posouvat dolů (scroll). Můžete na to použít odstavce p plné textu s lorem ipsum.
-
Nápověda: Lorem ipsum text se generuje pomocí slova lorem následovaného číslovkou (bez mezery), pak stačí zmáčknout Tab. Tedy třeba lorem5+Tab
-
Přidejte na stránku další boxík, kde nabízíte uživatelům pomoc, pokud se ocitnou v nesnázích. Vhodně ho ostylujte.
-
Pomocí vhodného použití vlastnosti position zajistěte, aby tento boxík byl vidět nezávisle na tom, jak daleko je stránka posunuta.