CODEWITHSUNDEEP
htmlcss
Jasmine
Jasmine

Reputation: 5

Search-bar shorter than rest of website?

I'm working on this website of mine. I notice that the greysofa.html page's search-bar is shorter than the rest of the other pages on my site. However, I can't figure out why this is happening as most of the code is the same throughout the rest of the site. Can someone point out to me which portions I need to amend? Thanks!

https://helloyellowmellowcello.github.io/WareHouse/greysofa.html

Upvotes: 0

Views: 75

Answers (1)

M Reza
M Reza

Reputation: 19698

You have imported cart.css in greysofa.html file, which has this class: 

input {
    width: 3rem;
    padding-left: 1rem;
    margin-left: 1rem;
}

This affects all inputs rendered in the page, including your search bar, which is: 

<input type="text" name="search" placeholder="Search for items">

margin-left: 1rem causes the search bar to be 1rem shorter.

Upvotes: 2

Related Questions