브라우저를 최소화 할 때 센터 헤더, 제목 및 설명

Question

trollsirl.blogspot.com 내 브라우저를 최소화하면 내 웹 사이트의 제목이 오른쪽으로 끝납니다. 브라우저가 최소화되었을 때 내 제목을 중앙에 배치하려면 어떻게합니까?

.Header.description { 
    position: absolute; 
    top: 0%; 
    left: 50%; 
    right: -96%; 
    transform: translate(100%, 180%); 
} 

h1 { 
    position: absolute; 
    top: 5%; 
    left: 183%; 
    right: -430px; 
    bottom: 10px; 
    transform: translate(10%, 50%); 
} 

Answer 1

here으로 미디어 쿼리 또는 본문 크기를 사용해보십시오. 크기가 작은 경우 헤더를 중앙에 배치하는 CSS를 만듭니다 (예 : 특정 클래스의 margin: 0 auto).