search

ShinHan-CapsTon-2team / lsy

0 stars 3 forks source link

Media #4

Open ddooing opened 1 year ago

ddooing commented 1 year ago

참고

깃허브 헷

https://devye.tistory.com/104

ddooing commented 1 year ago

후에 수정

1. FindImg /ButtonOne/ButtonTwo

background: #798BE6; display: flex; justify-content: center; align-items:center;

2.// ContentRadius 와 Radius 겹치는 속성 합치기

border: 3px #3A76EF solid; padding: 20px; word-wrap: break-word; border-radius: 31px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin-top: 20px;

ddooing commented 1 year ago

https://www.figma.com/file/7bLp8UqPnDLD6qQ7N2BfXp/PhotoCabinet?node-id=2%3A304&mode=dev

ddooing commented 1 year ago

분기점 test

/* tablet 규격 */
@media screen and (max-width: 1023px){
    background-color: yellow; 
}

/* mobile 규격 */
@media screen and (max-width: 540px){
    background-color: green; 
}
/ 작 데스크
@media screen and (min-width: 1024px){
    background-color: orange; 
}
/큰 데스크 
@media screen and (min-width: 1700px){
    background-color: red;
}

use

     /* tablet 규격 */
    @media screen and (max-width: 1023px){

    }

    /* mobile 규격 */
    @media screen and (max-width: 540px){

    }
    /* s 데스크 */
    @media screen and (min-width: 1024px){

    }
    /* l 데스크 */
    @media screen and (min-width: 1700px){

    }