Fix a CSS bug

  • Durum: Closed
  • Ödül: $10
  • Alınan Girdiler: 9
  • Kazanan: sonny89

Yarışma Özeti

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.

Tavsiye Edilen Beceriler

İşveren Geribildirimi

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

Profil Görüntüsü TrueInc, Australia.

Bu yarışmadan başlıca girdiler

Daha Fazla Katılım Görüntüle

Genel Açıklama Panosu

  • HiFiDesigner
    HiFiDesigner
    • 3 yıl önce

    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.

    • 3 yıl önce
  • TrueInc
    Yarışma Sahibi
    • 3 yıl önce

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

    • 3 yıl önce
    1. duongdv
      duongdv
      • 3 yıl önce

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

      • 3 yıl önce
    2. thexharbinger
      thexharbinger
      • 3 yıl önce

      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.

      • 3 yıl önce
  • HiFiDesigner
    HiFiDesigner
    • 3 yıl önce

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

    • 3 yıl önce
    1. TrueInc
      Yarışma Sahibi
      • 3 yıl önce

      Will check now thanks a heap

      • 3 yıl önce
  • HiFiDesigner
    HiFiDesigner
    • 3 yıl önce

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

    • 3 yıl önce
  • Kurus
    Kurus
    • 3 yıl önce

    I have fixed it please give me a review

    • 3 yıl önce
  • HiFiDesigner
    HiFiDesigner
    • 3 yıl önce

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

    • 3 yıl önce
    1. HiFiDesigner
      HiFiDesigner
      • 3 yıl önce

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

      • 3 yıl önce
    2. HiFiDesigner
      HiFiDesigner
      • 3 yıl önce

      so do you always want it visible?

      • 3 yıl önce
  • PakTech1
    PakTech1
    • 3 yıl önce

    I am on it , would be done soon

    • 3 yıl önce
    1. TrueInc
      Yarışma Sahibi
      • 3 yıl önce

      Thanks look forward to your submission!!!!

      • 3 yıl önce
  • raoasghar
    raoasghar
    • 3 yıl önce

    it's done please let me know

    • 3 yıl önce
    1. TrueInc
      Yarışma Sahibi
      • 3 yıl önce

      Haven't noticed a submission from you yet?

      • 3 yıl önce
  • Liub0myr
    Liub0myr
    • 3 yıl önce

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

    • 3 yıl önce
    1. TrueInc
      Yarışma Sahibi
      • 3 yıl önce

      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.

      • 3 yıl önce
  • Liub0myr
    Liub0myr
    • 3 yıl önce

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

    • 3 yıl önce

Daha fazla yorum göster

Yarışmalara nasıl başlanır

  • Projenizi ilan edin

    Yarışmanızı İlan Edin Hızlı ve kolay

  • Tonlarca girdi alın

    Tonlarca Girdi Alın Bütün dünyadan

  • En iyi girdiyi seçin

    En iyi girdiyi seçin Dosyaları indirin - Kolay!

Şimdi bir Yarışma İlan Et ya da Bugün Bize Katılın!