Saturday, April 29, 2023
HomeCSScss - Up and down facility straighten a div within a div

css – Up and down facility straighten a div within a div


I have actually obtained a receptive two-column format web page. When the dimension of the display is to tablet computer, it comes to be a single-column format, where the very first column wont show up any longer. I have actually obtained a div inside the 2nd div, and also I desire this to be up and down centre straightened.

I am making use of tailwind in addition to flexbox.

This is my code thus far

 << div className=" flex min-h-full">>.
<< div className=" flex-none w-1/ 3 min-h-full concealed lg: block">>.
01.
<.
<< div className=" expand md: bg-slate-100 h-screen">>.
<< div className=" bg-red-400 h-3/ 5 mx-16"><> .
<.
<.

I have actually attempted different choices yet I am battling to have the internal div to be center alligned. Presently its sticking to top.

RELATED ARTICLES

Most Popular

Recent Comments