I want to make my box offset, I tried putting the property but nothing happens. I use Tailwind & React

this is the code i use in my CallToAction.js, i put -top-28:

<div className="border text-white h-[226px] w-auto mb-[389px] bg-brand-quaternary border-brand-primary rounded-lg place-items-center grid grid-cols-4 -top-28">

i want to make it like this:
!pic 1]1

but i get this:

>Solution :

Try adding mt-[-50%] instead of -top-28. Top work with position property like relative and absolute. You can also use -top-28 but you have to add relative or absolute class.