Home > Net >  Flexbox not responding?
Flexbox not responding?

Time:02-27

I'm trying to center these two divs horizontally using bulma and it's just not responding. I've tried flex-row, justified center, align center and nothing it working. What else can I do about this?

<div >
  <div >
    <form>
      <p>Name</p>
      <input type="text"  placeholder="First Name">
      <input type="text"  placeholder="Last Name">
      <p>E-mail Address</p>
      <input  type="email" placeholder="E.g. '[email protected]'">
      <p>Message</p>
      <textarea  placeholder="What's up?"></textarea>
      <button >Submit</button>
    </form>
    <div>
      <img src="" >
    </div>
  </div>

</div>

CodePudding user response:

<link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css" rel="stylesheet"/>
 <div >
            <div >
                <form>
                    <p>Name</p>
                    <input type="text"  placeholder="First Name">
                    <input type="text"  placeholder="Last Name">
                    <p>E-mail Address</p>
                    <input  type="email" placeholder="E.g. '[email protected]'">
                    <p>Message</p>
                    <textarea  placeholder="What's up?"></textarea>
                    <button >Submit</button>
                </form>
                <div>
                    <img src="" >
                </div>
            </div>

        </div>

CodePudding user response:

This will help you

 <div >
            <div >
                <form>
                    <p>Name</p>
                    <input type="text"  placeholder="First Name">
                    <input type="text"  placeholder="Last Name">
                    <p>E-mail Address</p>
                    <input  type="email" placeholder="E.g. '[email protected]'">
                    <p>Message</p>
                    <textarea  placeholder="What's up?"></textarea>
                    <button >Submit</button>
                </form>
                <div>
                    <img src="" >
                </div>
            </div>

        </div>

        <div>
          <img src=""  />
        </div>
  • Related