Đề bài: [Thiết kế Web] Thanh công cụ: logo, ô tìm kiếm co giãn, nút phải

Cần ôn lý thuyết? Đọc bài giảng Buổi 9: Thiết kế bố cục (2): Flexbox, Grid và thiết kế đáp ứng — khóa Thiết kế Web

Cho <div class="toolbar"> chứa 3 khối theo thứ tự:

<div class="logo">
<input class="search">
<button class="btn">

Viết CSS để .toolbar là flex hàng ngang căn giữa theo chiều dọc, .logo và .btn giữ nguyên kích thước tự nhiên (flex-shrink: 0), riêng .search CHIẾM HẾT khoảng trống còn lại ở giữa (flex-grow: 1), cách nhau 12px.

Thư Mục

root

index.html

style.css

script.js

Chọn một file để chỉnh sửa hoặc tạo file mới

Console

Không có đầu ra