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] Card cao bằng nhau, nút luôn ở đáy

    📖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="cards"> chứa 3 <div class="card">, mỗi card có <h3>, <p> với độ dài nội dung KHÁC NHAU, và <button>.

    Viết CSS để:

    1. .cards là flex hàng ngang với align-items: stretch để 3 card có CHIỀU CAO BẰNG NHAU dù nội dung dài ngắn khác nhau
    2. mỗi .card là flex-direction: column
    3. button trong mỗi card luôn nằm SÁT ĐÁY của card (dùng margin-top: auto trên button).

      Chủ đề

      🌐 Thiết kế WebThiết kế WebThiết kế Web: CSS — FlexboxTấ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