Fix a CSS bug

  • Tình trạng: Closed
  • Giải thưởng: $10
  • Các bài thi đã nhận: 9
  • Người chiến thắng: sonny89

Tóm tắt cuộc thi

Here's a demo of a webpage I'm working on [login to view URL]

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 [login to view URL] 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.

Các kĩ năng yêu cầu

Phản hồi của người thuê

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

Hình ảnh hồ sơ TrueInc, Australia.

Những bài dự thi tốt nhất dự cuộc thi này

Xem thêm bài dự thi

Bảng thông báo công khai

  • HiFiDesigner
    HiFiDesigner
    • cách đây 3 năm

    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.

    • cách đây 3 năm
  • TrueInc
    Chủ cuộc thi
    • cách đây 3 năm

    Here's a screenshot of the problem http://i.imgur.com/yH7HUyx.png

    • cách đây 3 năm
    1. duongdv
      duongdv
      • cách đây 3 năm

      https://www.youtube.com/watch?v=j9x0n6EPK5s&feature=youtu.be please look on chorme

      • cách đây 3 năm
    2. thexharbinger
      thexharbinger
      • cách đây 3 năm

      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.

      • cách đây 3 năm
  • HiFiDesigner
    HiFiDesigner
    • cách đây 3 năm

    Should I create new entry or are you checking it from same demo link.

    • cách đây 3 năm
    1. TrueInc
      Chủ cuộc thi
      • cách đây 3 năm

      Will check now thanks a heap

      • cách đây 3 năm
  • HiFiDesigner
    HiFiDesigner
    • cách đây 3 năm

    Hello, I have fixed it what you have said, please check the demo link again. Thanks.

    • cách đây 3 năm
  • Kurus
    Kurus
    • cách đây 3 năm

    I have fixed it please give me a review

    • cách đây 3 năm
  • HiFiDesigner
    HiFiDesigner
    • cách đây 3 năm

    I can fix this issue, how I can do this, means where I can show you.

    • cách đây 3 năm
    1. HiFiDesigner
      HiFiDesigner
      • cách đây 3 năm

      Your search parent div is fixed I have make it dynamic. Did you check my demo from codepen?

      • cách đây 3 năm
    2. HiFiDesigner
      HiFiDesigner
      • cách đây 3 năm

      so do you always want it visible?

      • cách đây 3 năm
  • PakTech1
    PakTech1
    • cách đây 3 năm

    I am on it , would be done soon

    • cách đây 3 năm
    1. TrueInc
      Chủ cuộc thi
      • cách đây 3 năm

      Thanks look forward to your submission!!!!

      • cách đây 3 năm
  • raoasghar
    raoasghar
    • cách đây 3 năm

    it's done please let me know

    • cách đây 3 năm
    1. TrueInc
      Chủ cuộc thi
      • cách đây 3 năm

      Haven't noticed a submission from you yet?

      • cách đây 3 năm
  • Liub0myr
    Liub0myr
    • cách đây 3 năm

    and I think more better to see this bug in a production if it avalible

    • cách đây 3 năm
    1. TrueInc
      Chủ cuộc thi
      • cách đây 3 năm

      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.

      • cách đây 3 năm
  • Liub0myr
    Liub0myr
    • cách đây 3 năm

    .mdl-layout__header-row {
    padding: 0px 5px 0 10px!important;
    }
    }

    • cách đây 3 năm

Xem thêm bình luận

Làm thế nào để bắt đầu với cuộc thi

  • Đăng cuộc thi của bạn

    Đăng cuộc thi của bạn Nhanh chóng và dễ dàng

  • Nhận được vô số bài dự thi

    Nhận được vô số Bài dự thi Từ khắp nơi trên thế giới

  • Trao giải cho bài thi xuất sắc nhất

    Trao giải cho bài thi xuất sắc nhất Download File - Đơn giản!

Đăng cuộc thi ngay hoặc tham gia với chúng tôi ngay hôm nay!