Wednesday, September 13, 2023
HomeCSShtml - Exactly how do I position component at base of page...

html – Exactly how do I position component at base of page in Tailwind CSS?

I have actually been attempting to deal with the positioning of my last component to rest at the end of my page, however it does not constantly healthy properly. In desktop computer sight or when very first filling mobile sight, it appears great, however it does not readjust as you scroll. See pictures listed below. Am I structuring my components improperly?

 << div course=" text-white text-center mx-auto my-2 w-2/ 3">>.
<< p>>.
Invite to "GlamourLocks," where your hair's elegance and also design take facility.
phase. Snuggled in the heart of the city, our elegant and also modern hair.
beauty salon is a shelter for those looking for the utmost in hair treatment and also.
makeover. At GlamourLocks, we recognize that your hair is an.
expression of your distinct character, and also our group of skilled.
stylists is committed to assisting you release your internal elegance. Whether.
you're searching for a fresh hairstyle, a strong brand-new shade, or an unique.
hairdo for that unique celebration, we have actually obtained you covered. Our beauty salon is.
not simply a location for hair solutions; it's a room where you can loosen up,.
renew, and also leave really feeling even more certain and also extravagant than ever before.
previously. Discover the magic of GlamourLocks, where every hair of hair is.
an artwork, and also every customer is a VIP.

<< div course=" space-y-1 w-full outright bottom-0">>.
<< div course=" bg-white w-full" design=" elevation: 1px"><> .
<< div course=" bg-white w-full" design=" elevation: 2px"><> .
<< div course=" bg-white w-full" design=" elevation: 3px"><> .
<< div course=" flex loved one bg-white w-full h-24 items-center justify-center">>.
<< img src="./ img/logo. png" course=" outright top-1/ 2 left-1/ 2 change -translate-x-1/ 2 -translate-y-1/ 2 h-20 object-contain"><> .
<< p course=" outright left-1/ 2 -translate-x-1/ 2 bottom-0 text-xs">> Developed by Julian Ordaz<.

Click here: image is fine
Click here: issue when scrolling

I have actually been anticipating the component to constantly rest near the bottom, also as I scroll. Presently, it appears like it lots and also rests near the bottom about the display, not the whole web page.


Most Popular

Recent Comments