Hướng dẫn banner full width css - biểu ngữ toàn chiều rộng css

Tôi muốn làm cho hình ảnh biểu ngữ của mình lên chiều rộng toàn màn hình, nhưng tôi đã không thành công. Đây là mã của tôi.

* {
  min-width: 300px;
  max-width: 2000px;
  margin: 0;
  padding: 0;
}

.header-image {
  background-image: url["idb.jpg"];
  margin-top: 20px;
  top: 100%;
  background-position: center;
  color: black;
  background-repeat: no-repeat;
  height: 400px;
  background-size: cover;
  width: 100%;
}

  

    Start
    Start
    Start
    Start
    Start
    Start
    Start
    Say hi
  






  

    
Hero Image.
      
Text Text Text
    
  

Đã trả lời ngày 31 tháng 8 lúc 13:01Aug 31 at 13:01

Aghashamimaghashamimaghashamim

5633 Huy hiệu bạc8 Huy hiệu Đồng3 silver badges8 bronze badges

1

Mã HTML trong câu hỏi vẫn giữ nguyên. Đây là mã CSS hoạt động

body{
    background: hsl[240, 50%, 5%];
    color: #fff;
    padding: 25px;
    font-family: sans-serif;
    min-width: 300px;
    max-width: 2000px;
    margin: 0;
    padding: 0;
  }

Kết quả cuối cùng

Đã trả lời ngày 31 tháng 8 lúc 13:10Aug 31 at 13:10