25 replies

Issues with flexbox

Hi guys I am doing some practice for css because I am really bad and I am also learning tailwind at the same time.
my problem is I don't now why I can justify-center a div is what I am doing impossible or what am I doing wrong

<div className="flex justify-center items-center gap-[4.5rem] h-[55vh]">
      <div className="flex-col justify-center">/*ISSUE*/
        <h1 className="font-extrabold text-6xl">Ondesk is you Remote</h1>

        <h1 className="font-extrabold text-[#f7b300] text-6xl">
          conference calling tool
        </h1>
        <p className="gap-5">
          Ondeck is a service that allows you to create beautiful, online, and
          encrypted video calls for <br /> you and your remote team.
        </p>

        <Button className="mt-1" />
        <p>
          5.0 rating based on reviews from:
          <Image src={Capterra_Logo} />
          <Image src={AlternativeTo_Logo} />
        </p>
      </div>

      <div className="w-80">
        <Image src={Hero} />
      </div>
    </div>

<div className="flex justify-center items-center gap-[4.5rem] h-[55vh]">
      <div className="flex-col justify-center">/*ISSUE*/
        <h1 className="font-extrabold text-6xl">Ondesk is you Remote</h1>

        <h1 className="font-extrabold text-[#f7b300] text-6xl">
          conference calling tool
        </h1>
        <p className="gap-5">
          Ondeck is a service that allows you to create beautiful, online, and
          encrypted video calls for <br /> you and your remote team.
        </p>

        <Button className="mt-1" />
        <p>
          5.0 rating based on reviews from:
          <Image src={Capterra_Logo} />
          <Image src={AlternativeTo_Logo} />
        </p>
      </div>

      <div className="w-80">
        <Image src={Hero} />
      </div>
    </div>

here is my code

A screen of my code and what I am trying to do

 <div className="flex-col justify-center">/*ISSUE*/

 <div className="flex-col justify-center">/*ISSUE*/

Not matter what I do I can move the content inside the div I try using gap or just moving with margin or padding nothing happens

please help

Issues with flexbox

<div className="flex justify-center items-center gap-[4.5rem] h-[55vh]">
      <div className="flex-col justify-center">/*ISSUE*/
        <h1 className="font-extrabold text-6xl">Ondesk is you Remote</h1>

        <h1 className="font-extrabold text-[#f7b300] text-6xl">
          conference calling tool
        </h1>
        <p className="gap-5">
          Ondeck is a service that allows you to create beautiful, online, and
          encrypted video calls for <br /> you and your remote team.
        </p>

        <Button className="mt-1" />
        <p>
          5.0 rating based on reviews from:
          <Image src={Capterra_Logo} />
          <Image src={AlternativeTo_Logo} />
        </p>
      </div>

      <div className="w-80">
        <Image src={Hero} />
      </div>
    </div>

<div className="flex justify-center items-center gap-[4.5rem] h-[55vh]">
      <div className="flex-col justify-center">/*ISSUE*/
        <h1 className="font-extrabold text-6xl">Ondesk is you Remote</h1>

        <h1 className="font-extrabold text-[#f7b300] text-6xl">
          conference calling tool
        </h1>
        <p className="gap-5">
          Ondeck is a service that allows you to create beautiful, online, and
          encrypted video calls for <br /> you and your remote team.
        </p>

        <Button className="mt-1" />
        <p>
          5.0 rating based on reviews from:
          <Image src={Capterra_Logo} />
          <Image src={AlternativeTo_Logo} />
        </p>
      </div>

      <div className="w-80">
        <Image src={Hero} />
      </div>
    </div>

here is my code

A screen of my code and what I am trying to do

 <div className="flex-col justify-center">/*ISSUE*/

 <div className="flex-col justify-center">/*ISSUE*/

Not matter what I do I can move the content inside the div I try using gap or just moving with margin or padding nothing happens

please help

Issues with flexbox

Issues with flexbox

Similar Threads

Similar Threads

Similar Threads