# 127: Vytvorenie stránky s jedným videom, časť 2 - Triky CSS

Anonim

V tomto obrazovom vysielaní dokončíme kódovú šablónu pre jednotlivé videá.

Začíname tým, že sa trochu organizujeme v našom CSS. Niektoré zo súborov videos.scss sú globálne pre stránky spojené s videom. Niektoré sa týkajú archívnych stránok a niektoré sa týkajú jednotlivých stránok s videom. Zatiaľ sa načíta na všetkých týchto typoch stránok. Je to tak málo CSS, to je v poriadku a pravdepodobne dobré (najlepšie využíva ukladanie do pamäte cache). Keby v tom jednom súbore začala byť tona rozdielneho kódu, asi by som to rozdelil na dve časti.

Opravili sme ten rébus, v ktorom sme boli na konci minulého videa, kde boli naše komentáre vo vnútri našej značky. Iba to štruktúrujeme mriežkami a máme správne obaly.

Namiesto toho, aby sme mali oblasť záhlavia, použijeme iba čiernu lištu (navigáciu v popise) na zobrazenie názvu videa a potom bude video priamo pod ním. Týmto spôsobom pod videom používajú nadpis a popis v podstate rovnaký vzor ako príspevok na blogu, úryvok alebo almanach alebo čokoľvek podobné. Yay pre konzistentné vzory.