인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

반가우면반갑다고해's profile image
반가우면반갑다고해

asked

Learn CSS Flex and Grid Properly

Flex UI #7 - Card List

안녕하세요.

Written on

·

247

0

@media (min-width1200px) {
  .card-item {
    width33.33333%;
  }
}

위의 코드에서 3분의1해주셨는데 화면이 1200px이 됬을때

세개로 나뉘어 보이게 하고싶어서 50%의 3분의1로 해주신건가요? 만약 네개로 보이게끔하고싶으면 화면 600px에서의 width크기만큼의 4분의1 나뉘어서 적어주면 되는걸까요?

flexHTML/CSS

Answer 3

1

studiomeal님의 프로필 이미지
studiomeal
Instructor

네 맞습니다~ 25%로 하시면 됩니다.

0

studiomeal님의 프로필 이미지
studiomeal
Instructor

어떤걸 사용했느냐에 따라, 마크업 구조에따라
상황마다 CSS는 바뀔 수 밖에 없을테니 말씀하신대로 "원리를 이해"하는 상태가 중요합니다^^
복붙이더라도 원리를 알아야 제대로 동작하도록 복붙할 수 있기 때문에
이해하고 제대로 동작하도록 사용하셨다면 그게 맞는거지요!

수업 진도 나가면서 바로바로 적용해가시는걸 보니
실력이 쭉쭉 금방 나아가실 것 같은 느낌이 들어요~~^^

0

감사합니다.센세.. 근데 한가지만 더 여쭤볼게요

리액트에서 styled-components활용하면서 선생님 코드 적용하면서 작업중인데요

ㅎㅎ역시나 생각대로 잘 안되더라구요 그래서 그냥 코드의사용원리를 이해하면서 코드를 거의 복붙했는데.. 괜찮을까요?

깃허브에 코드를 올리고 항상 참고하면서 해도되는걸까요? 개발자는 복붙신공을 터득해야한다고 건너들었는데 이게 맞는걸까요.. (아직 그리드까지는 진도안나갔구 flex 까지 진도나갔습니당.)

반가우면반갑다고해's profile image
반가우면반갑다고해

asked

Ask a question