how can i scale the device

[HamzaHamani]

the iphone x device is getting out of container , and i want to scall it down. HOW CAN I DO THAT?

[zheeeng]

If you do not mind the bounding box size doesn't fit the scaled container. You can try use transform: scale(0.5).

[smile675]

If you do not mind the bounding box size doesn't fit the scaled container. You can try use transform: scale(0.5).

scale down works to reduce the size, but it still occupy the initial size.

 <div className="flex flex-wrap">
          <div className="w-full md:w-1/2  flex h-full bg-green-400">
            <div className=" flex bg-red scale-50">
              <Mobile>
                <ProfileUi />
              </Mobile>
            </div>
          </div>
          <div>
            <h1>Profile</h1>
            <p>
              Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque,
              voluptatibus.
            </p>
          </div>
        </div>