Fix a CSS bug

  • Status: Closed
  • Hadiah: $10
  • Penyertaan diterima: 9
  • Pemenang: sonny89

Keterangan Peraduan

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

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 [url removed, login to view] 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.

Kemahiran-kemahiran Cadangan

Maklum balas Majikan

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

Gambar Profil TrueInc, Australia.

Penyertaan teratas dari peraduan ini

Lihat Penyertaan Lain

Papan Penerangan Awam

  • HiFiDesigner
    HiFiDesigner
    • 2 tahun yang lalu

    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.

    • 2 tahun yang lalu
  • TrueInc
    Pemegang Peraduan
    • 2 tahun yang lalu

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

    • 2 tahun yang lalu
    1. duongdv
      duongdv
      • 2 tahun yang lalu

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

      • 2 tahun yang lalu
    2. thexharbinger
      thexharbinger
      • 2 tahun yang lalu

      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.

      • 2 tahun yang lalu
  • HiFiDesigner
    HiFiDesigner
    • 2 tahun yang lalu

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

    • 2 tahun yang lalu
    1. TrueInc
      Pemegang Peraduan
      • 2 tahun yang lalu

      Will check now thanks a heap

      • 2 tahun yang lalu
  • HiFiDesigner
    HiFiDesigner
    • 2 tahun yang lalu

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

    • 2 tahun yang lalu
  • Kurus
    Kurus
    • 2 tahun yang lalu

    I have fixed it please give me a review

    • 2 tahun yang lalu
  • HiFiDesigner
    HiFiDesigner
    • 2 tahun yang lalu

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

    • 2 tahun yang lalu
    1. HiFiDesigner
      HiFiDesigner
      • 2 tahun yang lalu

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

      • 2 tahun yang lalu
    2. HiFiDesigner
      HiFiDesigner
      • 2 tahun yang lalu

      so do you always want it visible?

      • 2 tahun yang lalu
  • PakTech1
    PakTech1
    • 2 tahun yang lalu

    I am on it , would be done soon

    • 2 tahun yang lalu
    1. TrueInc
      Pemegang Peraduan
      • 2 tahun yang lalu

      Thanks look forward to your submission!!!!

      • 2 tahun yang lalu
  • raoasghar
    raoasghar
    • 2 tahun yang lalu

    it's done please let me know

    • 2 tahun yang lalu
    1. TrueInc
      Pemegang Peraduan
      • 2 tahun yang lalu

      Haven't noticed a submission from you yet?

      • 2 tahun yang lalu
  • Liub0myr
    Liub0myr
    • 2 tahun yang lalu

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

    • 2 tahun yang lalu
    1. TrueInc
      Pemegang Peraduan
      • 2 tahun yang lalu

      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.

      • 2 tahun yang lalu
  • Liub0myr
    Liub0myr
    • 2 tahun yang lalu

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

    • 2 tahun yang lalu

Tunjukkan lebih banyak komen

Bagaimana mula dengan peraduan

  • Papar peraduan anda

    Papar Peraduan Anda Cepat dan senang

  • Dapatkan bertan-tan penyertaan

    Dapatkan Bertan-tan Penyertaan Dari seluruh dunia

  • Anugerahkan penyertaan terbaik

    Anugerahkan penyertaan terbaik Muat turun fail-fail - Senang!

Papar Peraduan Sekarang atau Sertai kami Hari Ini!