# 127: Création de la page vidéo unique, partie 2 - Astuces CSS

Anonim

Dans ce screencast, nous terminerons le code-wranglin 'le modèle pour les vidéos uniques.

Nous commençons par nous organiser un peu dans notre CSS. Une partie du fichier videos.scss est globale pour les pages liées à la vidéo. Certains sont spécifiques aux pages d'archives et certains sont spécifiques aux pages vidéo uniques. Pour l'instant, il sera chargé sur tous ces types de pages. C'est si peu de CSS, c'est bien, et probablement bon (utilise au mieux la mise en cache). S'il commençait à y avoir une tonne de codes divergents dans ce seul fichier, je le diviserais probablement en deux.

Nous corrigeons cette énigme dans laquelle nous étions à la fin de la dernière vidéo où nos commentaires étaient à l'intérieur de notre balise. Nous le structurons simplement avec des grilles et avons des enveloppes appropriées.

Au lieu d'avoir une zone d'en-tête, nous allons simplement utiliser la barre de navigation noire (fil d'Ariane) pour afficher le titre de la vidéo, puis la vidéo sera directement en dessous. De cette façon, sous la vidéo, le titre et la description utilisent essentiellement le même modèle qu'un article de blog, un extrait de code ou une entrée d'almanach ou toute autre chose du genre. Yay pour les modèles cohérents.