NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 6 - Flexbox - Tvorba moderních layoutů

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Jaroslav Drobek:4.4.2022 11:49

Hodnocení

  • Úvod lekce ve zkratce: zapomeňte, že jste se v lekcích HTML/CSS snažili plnit úkoly zastaralými floaty, pojďte se naučit flexboxy, které už se taky nepoužívají a těšte se, co ještě na Vás příště vymyslíme. OK, to by chtělo trochu změnit PR..
  • Formulace nevýhod flexboxu jsou k popoukání.
  • "...výška každého sloupce je stejná a nezáleží na jeho obsahu. Tím pádem se tedy zabarví i každý sloupec stejně..." je nesmysl.
  • jinak fajn, efekty líbivé!
 
Odpovědět
4.4.2022 11:49
Avatar
Lubor Pešek
Člen
Avatar
Odpovídá na Petra Petty Kunzová
Lubor Pešek:13.6.2022 11:21

Koukám, že přes rok ti nikdo neodpověděl a nikoho to moc nezajímalo, že podle tohoto vzoru (včetně vzorového řešení) se v device toolbar modu neprojevují žádné změny (ani na telefonu, když si to nahraju na localhost a zkouším si to).

Tak tobě (stejně, jako ve vzorovém řešení) chybí určitě meta tag:

<meta name="viewport" content="width=device-width">

Přidej a jede to.

PS: Jen pro zájemce. Nainstalujte si tomcat, spusťte jej a když v adresáři ...\Apache Tomcat\webapps zachováte adresář ROOT, tak vše z něj smažte, vytvořte v něm index.html, css styly atd (už podle tutoriálu), tak pak si zjistěte svoji ip adresu
(třeba přes cli příkazem ipconfig) a v mobilu, pokud budete ve stejné síti, tak stačí zadat tuto vaši ipadresu + port 8080 (takže například 192.168.0.1:8080) a můžete si to zkoušet přímo na mobilu :)

Odpovědět
13.6.2022 11:21
Existují dva způsoby, jak vyřešit problém. Za prvé vyhoďte počítač z okna. Za druhé vyhoďte okna z počítače.
Avatar
Sharada Šimová:1.9.2022 20:11

Aby byly všechny sloupce šedé musel by být kód v CSS

#flexbox{
background-color: #DDDDDD
}

a aby byly nápisy v obsahu a v panelu zarovnané, muselo by tam být

#flexbox{
    display: flex;
    align-items: baseline;
}
 
Odpovědět
1.9.2022 20:11
Avatar
Petr Váchal
Člen
Avatar
Petr Váchal:17.10.2022 13:09

Nevidím důvod nadpisy označovat od h2. Stačí přece značit od h1. Pokud má nadpis h1 ve svém implicitním stylu moc velký font atp., není nic jednoduššího než si to přestylovat. Nerozumím proto, proč autor jako první nadpis označil za h2.

Nelíbí se mi zanořování do divů, když bylo v první části kurzu statického webu několikrát jasně řečeno, že takto označená hlavička, menu, panely, patička jsou pro vyhledávače obsahově nejasné (neboli používat nav, section...). Nevidím proto důvod to takto dělat.

Odpovědět
17.10.2022 13:09
Tolik bezradnosti, a furt se žije. Ej!
Avatar
Marek Němec
Člen
Avatar
Marek Němec:24.7.2024 1:15

clanek mi prijde zastaraly, pouzivat div misto header article atd.

 
Odpovědět
24.7.2024 1:15
Avatar
Branislav Obert:28.9.2024 23:07

Staci pozriet komentare a hodnotenie je este privetive. Mnozstvo informacii c rozpore s HTML5 a CSS kurzmi.

 
Odpovědět
28.9.2024 23:07
Avatar
ludmilacankova:3.12.2024 13:37

Ukázkový kód obsahuje chyby. (Ale možná to byl záměr, díky těm chybám jsem se toho asi naučila víc.)

 
Odpovědět
3.12.2024 13:37
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 7 zpráv z 27.