.search-box display: flex; gap: 10px; margin-bottom: 30px;
<script src="app.js"></script> </body> </html> www.etis.ford.com
.container max-width: 800px; margin: 50px auto; background: white; padding: 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); .search-box display: flex
if (vehicleData) populateResults(vehicleData); else errorMsg.innerText = "Vehicle not found in database."; errorMsg.classList.remove('hidden'); .container max-width: 800px
<div id="results" class="results-grid hidden"> <div class="result-item"> <span class="label">Model</span> <span class="value" id="resModel">-</span> </div> <div class="result-item"> <span class="label">Model Year</span> <span class="value" id="resYear">-</span> </div> <div class="result-item"> <span class="label">Engine</span> <span class="value" id="resEngine">-</span> </div> <div class="result-item"> <span class="label">Assembly Plant</span> <span class="value" id="resPlant">-</span> </div> <div class="result-item"> <span class="label">Transmission</span> <span class="value" id="resTrans">-</span> </div> <div class="result-item"> <span class="label">Production Date</span> <span class="value" id="resDate">-</span> </div> </div> </div>