Forums

Give help. Get help.

  • # December 6, 2017 at 12:00 pm

    Hi,

    As the title says. I want to add a search icon inside the search bar but using FLEXBOX!
    Here is an example:
    search photo x98wu_zpse6obf4qg.png

    Can someone show me how to do it?

    Here is my code:

    I only want to learn how to add the icon inside the bar using flexbox.

    Thanks.

    # December 6, 2017 at 3:55 pm

    Here’s a simple crack at it:

    # December 7, 2017 at 4:03 am

    No thats not what I’m looking for!
    I want to use flexbox only without using position property.

    # December 7, 2017 at 4:22 am

    I want to use flexbox only without using position property.

    Flexbox can’t layer elements like you seem to require only lay them out in 2 dimensions and input element can’t have children so flexbox wouldn’t be useful there.

    In fact, Chris’ demo doesn’t need the position property..it works fine without it.

    # December 7, 2017 at 7:55 am

    You can do it without position using CSS Grid (just for fun)

    # December 7, 2017 at 5:18 pm

    I’m glad that I have found this website!

    That was very helpful thank you guys!

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag