Trong video màn hình này, chúng tôi sẽ hoàn thành mã-wranglin 'mẫu cho các video đơn lẻ.
Chúng tôi bắt đầu bằng cách tổ chức CSS của chúng tôi một chút. Một số tệp videos.scss là chung cho các trang liên quan đến video. Một số dành riêng cho các trang lưu trữ và một số dành riêng cho các trang video đơn lẻ. Hiện tại, nó sẽ được tải trên tất cả các loại trang đó. Nó quá ít CSS, điều đó tốt và có thể tốt (tận dụng tốt nhất bộ nhớ đệm). Nếu bắt đầu có hàng tấn mã khác nhau trong một tệp đó, tôi có thể sẽ chia nó ra làm hai.
Chúng tôi giải quyết câu hỏi hóc búa mà chúng tôi đã gặp ở cuối video cuối cùng, nơi nhận xét của chúng tôi nằm trong thẻ của chúng tôi . Chúng tôi chỉ cấu trúc nó với các lưới và có các trình bao bọc phù hợp.
Thay vì có vùng tiêu đề, chúng ta sẽ chỉ sử dụng điều hướng thanh đen (breadcrumb) để hiển thị tiêu đề của video và sau đó video sẽ nằm ngay bên dưới nó. Theo cách đó, tiêu đề và mô tả bên dưới video về cơ bản sử dụng cùng một mẫu như một bài đăng blog hoặc đoạn trích hoặc mục nhập nhật ký hoặc bất kỳ thứ gì khác tương tự. Yay cho các mẫu nhất quán.