چطور همه چیز رو در css در وسط صفحه قرار دهیم

روش های مختلفی برای این کار وجود داره و چالشی ترین بخشش هم وسط چینی عمودی (vertically) هست. شاید راحت ترین و بهترین روشش امروزه با استفاده از FlexBox و به شکل زیر باشه:

<div class="container">
    <div class="child">SALAM</div>
</div>

.container{
    display: flex;
    justify-content: center;
    align-items: center;
}

.child{
    width: 50px;
    height: 50px;
    background: red;
}

flex box یاد بگیر خیلی راحته این کار باهاش

با استفاده از flexbox ها این کار خیلی راحته میتونید از دوره راکت استفاده کگنید که واقعا عالیه
این کد cssشه

    display: flex;
    justify-content: center;
    align-items: center;

.center {
  position: absolute;
  width: 100px;
  height: 100px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: red;
}