console.log("CAPABLE");

종강 이후로 다시 하려고 codedamn 30 days of html css 챌린지를 들어갔더니 챌린지 Day16밖에 안보인다..뭔가 변해있다. 그래서 다시 재가입을 해도 Day16 밖에 없지만 그냥 하려고 한다. Codedamn Learn stat_minus_1 Practice stat_minus_1 Company stat_minus_1 Pricing Login Get started * { margin: 0; padding: 0; box-sizing: border-box; } @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700;600;&display=swap"); /* #18181b - NavBar Background Col..

1 2 3 4 5 6 7 8 9 이 코드를 작성하면서 실수했던 점이 있다. class에는 .을 작성해야 했는데 #을 입력해 grid의 배경색이 안나타났다. 순간 아무리 찾아도 틀린게 없길래 #으로 작성했던 것이다. class는 . 을 작성해야한다. (헷갈릴것도 아닌데 ㅎㅎ..) gird 속성을 까먹다 보니 앞서 했던 예제들에 비해 시간이 좀 걸리긴 했다. 다시 정리해야겠다. https://codedamn.com/challenge/30-days-of-html-css 30 Days of HTML CSS - Codedamn Level up your coding skills with a daily coding challenge. Compete and share your progress every day and ..

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum velit natus maiores eum, incidunt libero. Porro, harum. Corrupti at porro, deleniti eveniet ipsa, quasi recusandae velit exercitationem assumenda asperiores perspiciatis! /* Add your styles here */ #container { width: 300px; } #text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } white-space 속성은 요소가 공백을 처리하는 법을 나..

This is my sample figure caption figure태그가 무엇인지 딱 안떠올랐다. figure 태그는 독립적인 콘텐츠를 설명하는 태그라고 한다. figure 태그로 figcaption 태그를 감싼다. figcaption 태그는 제목이나 설명글을 나타낼 수 있다. https://recordoftheday.tistory.com/entry/HTML-%EB%AA%A9%EB%A1%9D%EC%9D%84-%EB%A7%8C%EB%93%9C%EB%8A%94-%ED%83%9C%EA%B7%B8 [HTML] 목록 요소 | 표를 만드는 순서 목록 요소 태그? 점으로 표시되는 목록, 정렬되지 않은 목록 태그? 목록 만들기 태그를 사용하고 태그를 사용한다. 순서 없는 목록의 경우, 각 항목앞에 작은 원이나 사각..

/* Write your CSS here */ #square { background-color: #d6ccc2; width: 100px; height: 100px; } #circle { background-color: #f5ebe0; width: 100px; height: 100px; border-radius: 50%; } https://codedamn.com/challenge/30-days-of-html-css 30 Days of HTML CSS - Codedamn Level up your coding skills with a daily coding challenge. Compete and share your progress every day and become a better developer. co..

Page Header Youtube Naver Google Main Content Footer Day 01은 시멘틱 HTML 구조의 이해를 돕기 위해서 HTML 코드만 작성하면 된다. 다만 영어를 이해하는데 시간이 걸리뿐 특별한 어려움은 없었다. https://codedamn.com/challenge/30-days-of-html-css 30 Days of HTML CSS - Codedamn Level up your coding skills with a daily coding challenge. Compete and share your progress every day and become a better developer. codedamn.com