Sparta_내배캠_미니프로젝트_TIL_220829_Mon

전에 배운 내용을 다시 되돌아보는 프로젝트

미해결

• 정리중

해결

• 프로필 페이지 하단의 상단으로 올라가는 버튼의 배경문제

  1. background-color : transperant ( X )

  2. border-radius : 20px ( X )

  3. Css의 * (전체선택자)로 인해 이미지를 감싸는 a태그에 배경 색이 적용이됨

     *{ } : {}안의 내용을 스크립트 전체에 적용

  4. background-color을 body 태그에만 적용 시킴 ( O )

     body 태그안에 a가 그대로있는데 그러면 a 태그에도 적용이 되는것이 아닌가?

• 연속된 이미지를 가로로 나열 후 가운데 정렬
  
  1. margin-left, margin-right 사용 ( X )
  2. display:flex;
     flex-flow: row wrap; 사용 ( X )
  3. display:flex;,
     flex-direction: column;,
     justify-content: center; 사용 ( 해결 )

.TMIimg img {
            flex-direction: column;
            border: 2px solid palegreen;

            margin: 10px auto;

            max-width:8%;
            max-height: 8%;
            height: auto;

        }

• 반응형 웹 사이즈

  1. font-size: 3vw; 를 사용하여 해결

     * vw : 브라우저 창의 너비의 1/100

  2. 나머지 레이아웃과 이미지는 %를 적용
  
  
  

• 창 나누기

  1. 작성중