assignment1 | Reveiw

[smarfy99]

원표님!!! 과제 깔끔하게 모든 문제 다 열심히 작성해주셔서 감사해요!! 😀
이름을 빨간색으로 지정하는 용기,,, 대단합니다

Q1)
1-1 정답입니다!
1-2

1. html에서 br보다는 p태그들을 하나의 div로 묶어주신 다음 css에서 margin이나 padding을 주는 게 더 좋은 방법입니다!!
2. mailto 부분에 마우스를 hover 했을 때, 색깔이 바뀌어야 하는데 이 부분은 a:hover{} 로 css 를 주시면 됩니다. 도전해보세요!!
3. 태그랑 클래스 너무 잘 쓰셨구, 여기에 width, height를 줘서 크기를 알맞게 줄여보는 것도 연습해보세요!!

Q3)
text-align으로 중앙정렬하신 거 아주 잘하셨습니다. 몇가지 이쁘게 바꿔보면 좋을 거 같아요!!
한 요소들을 div로 묶은 거 아주 좋습니다!!

1. html에서 style 지정하는건 지양하시고 모두 css로 넘겨서 해주세요!
2. 햄버거 먹고싶다 p 태그도 중앙정렬 도전해보세요!
3. product1,2.html에서도 css 연결해서 버튼 스타일을 예시에 맞게 꾸며주세요!

마지막으로 꿀팁!!
image들은 image라는 폴더를 만들어서 거기 안에 다 넣어서 관리해주시면 협업할 때 더 편리합니다😄

Q4)
페이지 한가득 카드 잘 만들어주셨어요! 오타 수정할 사람 급구합니다 ㅋㅋㅋ녀네는,,

1. 마찬가지로 height, width 조절해서 카드 사이즈로 만들어주세요!
2. 조건에 국기와 가격이 같은 가로줄에 있어야 하니까 css에 float속성을 한번 이용해보세요
   (참고로 footer는 block 속성이라 vertical-align 속성이 먹지 않습니다. inline-block에만 먹어요.그래서 세로로 중앙정렬이 안되어있는 걸 볼 수 있어요!!)
3. 그리고 최대한 id말고 class로 지정해주세요! id는 나중에 특별한 곳에만 사용하는 경향이 있습니당!

원표님 너무너무 고생하셨어요!! 구글링해서 다 css 먹이려고 노력한 거 보여서 ㅜㅜ 리뷰 바탕으로 수정해보시고 모르는거 언제든지 물어보세요!! 고생하셨습니다. 😆