Fix a CSS bug

Status: Closed
Prize: $10
Entries Received: 9
Winner: sonny89

Winner

Contest Brief

Here's a demo of a webpage I'm working on http://codepen.io/anon/pen/VLBaqp

The header is responsive but as you resize the page you'll notice the search input gets to a certain size and it won't get any smaller, this causes the icons on the right to be pushed off the page.

I'd like someone to figure out why the search input doesn't get any smaller than a certain size when the page is resized. Here's a screen shot of the problem http://i.imgur.com/yH7HUyx.png please note it only happens at certain sizes so drag the window smaller and you'll see it happen.

I've guaranteed the funds so I'm hoping people will post a URL to the code fix , I will then choose the person who posts the best solution. If two people post the same solution I'll choose the first person who posts it.

Recommended Skills

CSS
HTML

Winner

Post a Contest Like This

Employer Feedback

“Provided an elegant solution to my problem. Great work.”

TrueInc, Australia.

Public Clarification Board

HiFiDesigner
- 10 years ago
I have seen most of the contestant demo, its all same and working. But the contest holder have the same issue. I am requesting contest holder to disclose the chrome version that he is using, and also it would be better if you show us your problem in form of screen cast or video. Thanks.
- 10 years ago
Contest Holder
- 10 years ago
Here's a screenshot of the problem http://i.imgur.com/yH7HUyx.png
- 10 years ago
View 1 more message
1. duongdv
  - 10 years ago
  https://www.youtube.com/watch?v=j9x0n6EPK5s&feature=youtu.be please look on chorme
  - 10 years ago
2. thexharbinger
  - 10 years ago
  Finally someone posted a video. I was also thinking of posting a .gif file. The problem seems something else on Contest Holder's side. It's annoying.
  - 10 years ago
HiFiDesigner
- 10 years ago
Should I create new entry or are you checking it from same demo link.
- 10 years ago
1. Contest Holder
  - 10 years ago
  Will check now thanks a heap
  - 10 years ago
HiFiDesigner
- 10 years ago
Hello, I have fixed it what you have said, please check the demo link again. Thanks.
- 10 years ago
Kurus
- 10 years ago
I have fixed it please give me a review
- 10 years ago
HiFiDesigner
- 10 years ago
I can fix this issue, how I can do this, means where I can show you.
- 10 years ago
View 5 more messages
1. HiFiDesigner
  - 10 years ago
  Your search parent div is fixed I have make it dynamic. Did you check my demo from codepen?
  - 10 years ago
2. HiFiDesigner
  - 10 years ago
  so do you always want it visible?
  - 10 years ago
PakTech1
- 10 years ago
I am on it , would be done soon
- 10 years ago
1. Contest Holder
  - 10 years ago
  Thanks look forward to your submission!!!!
  - 10 years ago
raoasghar
- 10 years ago
it's done please let me know
- 10 years ago
1. Contest Holder
  - 10 years ago
  Haven't noticed a submission from you yet?
  - 10 years ago
Liub0myr
- 10 years ago
and I think more better to see this bug in a production if it avalible
- 10 years ago
1. Contest Holder
  - 10 years ago
  That mockup on codepen is what I'm currently working on, there isn't a production website it belongs to. Just something I'm playing with.
  - 10 years ago
Liub0myr
- 10 years ago
.mdl-layout__header-row {
padding: 0px 5px 0 10px!important;
}
}
- 10 years ago