yamoo9 / fds Goto Github PK

2기 피드백을 봤는데 ... 같은 현상의 반복이네요 ㅎㅎㅎ
README 파일에 댓글 달고 싶은데 깃헙은 댓글이 없네요 ㅋㅋ

오늘은 8월 3일입니다.

for문에서
↘ (여기 오타.. ' , ' 으로 처리)
for( var i = 0;, boo = false; i > 10; i++ ) {

다들 아실테지만 그래도 혹시나 싶어서 말씀드립니다.;;

https://github.com/yamoo9/FDS/tree/master/DAY21#alignment

Flex box 에 대한 설명 중에 alignment 부분에
felx-end라고 나온 걸 flex-end라고 바꿔줘야 할 것 같습니다

.is-nesting 클래스가 붙여진 row는 클래스, 속성, pseudo-class 구성되어 있어서 하위 첫번째 div.col 에 offset 을 설정하면 스타일이 적용되지 않습니다. 첫번째를 제외한 나머지 col 은 정상적이고, 마지막 col은 margin-right 라 margin-left 값에는 영향을 안 받네요

위와 같은 상황에서는 어떤 방법이 가장 좋은 해결 방법인가요?

offset 클래스에 !important 를 설정하는 건 임시방편 느낌이네요

DAY08 코드에 오타가 보여서 이슈 남깁니다.
https://github.com/yamoo9/FDS/blob/b5d66be19b4735d1cb810572341d4ace0d2b4762/DAY08/README.md#margin-collapsing

.child{text-algin: center;}
text-align을 text-align으로 수정

.parent:last-of-type(1) > .child:only-child {
:last-of-type(1)을 :last-of-type으로 수정

자료가 너무 너무 좋아요~
공유해주셔서 감사합니다!!^^

https://github.com/yamoo9/FDS/tree/master/DAY24#보간법interpolation
여기에 오타가 몇가지 있네요.

1. 미디어쿼리에서 interpolation하는 변수에 $가 빠져있습니다.
   @media #{media-lg}
2. 프린트 환경 미디어쿼리를 위해 만든 변수값이
   $media-print: "screen and (min-width: 21px)" 라고 선언되어있는데
   $media-print: "print and (min-width: 21px)" 로 바꿔야 할 것 같습니다.

선생님!!
오늘 수업때 작성하신 코드에서 $ii: $i - 1;는 왜 들어가는 건가요?ㅜㅜ??

  @for $i from 1 through $columns {
   @if $i > 1 {
    $ii: $i - 1;
    .is-isolate > .order-#{$ii},
    .is-isolate > .o-#{$ii} {
      margin-left: order-width($ii);
    }
}

$ii: $i - 1; 때문에 .order-11까지 밖에 클래스가 만들어지지 않는 것 같은데 생략하고 아래 처럼 쓰면 안되나요???

@for $i from 1 through $columns {
        .is-isolate > .order-#{$i},
        .is-isolate > .o-#{$i} {
        margin-left: order-width($i);}
  }