在纠正 HTML 方面需要帮助，并且需要 CSS 的样式与图像相同 [关闭]

Question

关闭。 这个问题需要调试细节。 它目前不接受答案。

---

编辑问题以包含所需的行为、特定问题或错误以及重现问题所需的最短代码。 这将帮助其他人回答问题。

2 小时前关闭。

改进这个问题

我正在尝试根据仅在 HTML 和 CSS 中附加的图像制作一个响应式网页，到目前为止，提到的代码仅适用于第一行，并且会有七行，我尝试使用 flex-box 对其进行样式设置，但我无法纠正并使其与图像相同

 <div class="body-div"> <div class="car-container"> <div class="car-rows"> <div class="price-div"> <h1 class="price-header">10.99</h1> <p class="price-para">USD/DAY</p> <button>SELECT</button> <p class="price-para">Total 76.93 USD</p> </div> <div class="image-div"> <div> <img src="./vehicles/car1.gif" alt="car 1 image" /> <p class="image-text">Extra Small Car</p> </div> </div> <div class="passenger-details"> <div class="icon-div"> <ul> <li> <i class="fa-solid fa-person"><span class="passenger-span"> <strong style="color: black">x 4</strong> Passenger</span></i> </li> <li> <i class="fa-solid fa-suitcase"><span class="passenger-span"> <strong style="color: black">x 2</strong> Small Suitcases</span></i> </li> <li> <i class="fa-solid fa-suitcase-rolling"><span class="passenger-span"> <strong style="color: black">x 0</strong> Large Suitcases</span></i> </li> </ul> </div> </div> <div class="car-details"> <ul> <li>Automatic Transmission</li> <li>Air Conditioning</li> <li>24 miles/gallon</li> </ul> </div> </div>

https://i.stack.imgur.com/UwWGs.jpg