Trong video màn hình này, chúng ta sẽ xây dựng biểu mẫu nhận xét bằng HTML / CSS. Đánh dấu cho biểu mẫu nhận xét nằm trong tệp comments.php trong chủ đề của chúng tôi. Chúng tôi tìm kiếm phần tử để tìm ra nó.
Chúng tôi sắp xếp từng đầu vào (tên, email, url) bằng cách sử dụng hệ thống lưới mà chúng tôi có sẵn. Chàng trai chúng ta đã sử dụng tốt điều đó hả?
Chúng tôi đã có một tệp CSS dành riêng cho những thứ liên quan đến nhận xét, vì vậy đó là nơi chúng tôi sẽ làm việc. Điều đầu tiên chúng tôi viết là làm cho các đầu vào trong lưới nhỏ của chúng tôi rộng 100% để chúng vừa với cột. Các đơn vị sẽ làm điều này một cách tự nhiên, nhưng các đầu vào hoạt động giống như khối nội tuyến hơn và không tự động lấp đầy chiều rộng vùng chứa mẹ của chúng. Chúng tôi cũng chỉnh sửa văn bản chính một chút để làm cho nó rộng 100% và không cao bằng. Chúng tôi quyết định không gây rối với khả năng thay đổi kích thước của vùng văn bản. Nó không thực sự phá vỡ bất cứ điều gì.
Sau đó, chúng tôi nhận được liên kết Trả lời hoạt động. JavaScript đã hoạt động tốt, bởi vì chúng tôi đã không gây rối với ID cho biểu mẫu mà JavaScript dựa vào. Tuy nhiên, chúng tôi cần thực hiện một loạt các chỉnh sửa, chẳng hạn như tạo cho biểu mẫu một nền màu xám để thiết kế của nó hoạt động.
Chúng tôi dành thời gian còn lại để điều chỉnh một số thứ với truy vấn phương tiện để biểu mẫu trông ổn trên màn hình nhỏ.