Các lượt nộp
    Danh sách bài
    Trang chủ
    Báo lỗi
    Chưa chọn file
    Đăng nhập
    Đăng nhập

    Đề bài: [Thiết kế Web] Thanh điều hướng đáp ứng

    📖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 HTML sau (khối .navbar chứa .logo và .nav-links, .nav-links chứa 3 thẻ a).

    Viết CSS:

    • Mặc định: .navbar dùng grid 2 cột (logo bên trái tự động co theo nội dung, .nav-links bên phải), .nav-links bên trong cũng là grid 3 cột bằng nhau với gap 16px để 3 link nằm ngang cách đều.
    • Khi màn hình <= 600px: .navbar chuyển thành 1 cột (logo trên, nav-links dưới) và .nav-links chuyển thành 1 cột (link xếp dọc), gap 8px.

      Chủ đề

      🌐 Thiết kế WebThiết kế WebThiết kế Web: CSS — Grid & Đáp ứngTất cả môn học

      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