fix(fe): edit HTML CSS part

content/docs/frontend/1. HTML, CSS.md

@@ -39,20 +39,27 @@ HTML에서 구조화를 잘했지만 아직은 단순히 문서일 뿐이에요.
   - CSS가 무엇인지, 왜 중요한지 100초만에 알려줘요!
 - [생활코딩 CSS 강의](https://opentutorials.org/course/2418)
   - 레이아웃까지의 내용은 필수! 이후 내용은 선택!
+
+---
+
+### 중요 🫣
+
 - [Flex - 정리 영상](https://youtu.be/7neASrWEFEM?si=U2LohIYVtd_pqLCh)
   - Flex에 대해서 정리해놓은 영상이에요!
 - [Flex - 1분코딩](https://studiomeal.com/archives/197)
   - Flex는 CSS의 레이아웃을 잡는 속성이에요. 정말 중요하니 꼭 공부해 보세요!
-- [Flexbox froggy](https://flexboxfroggy.com/)
-  - 재미있게 Flex를 공부할 수 있는 게임이에요!
 - [Grid - 정리 영상](https://www.youtube.com/watch?v=nxi1EXmPHRs)
   - Grid에 대해서 정리해놓은 영상이에요!
 - [Grid- 1분코딩](https://studiomeal.com/archives/533)
   - Grid는 Flex와 비슷한 레이아웃을 잡는 속성이에요. 정말 중요하니 꼭 공부해 보세요!
+
+---
+
 - [CSS 시작하기 - MDN](https://developer.mozilla.org/ko/docs/Learn/CSS/First_steps)
 - [CSS reference - MDN](https://developer.mozilla.org/ko/docs/Web/CSS)
-
-레이아웃을 짜는 flex와 grid는 정말 중요한 내용이에요! 꼭 공부하고 넘어가세요! 최소한 flex라도 꼭 잘 이해하고 넘어가야 해요!
+- [Flexbox froggy](https://flexboxfroggy.com/) (optional)
+  - 재미있게 Flex를 공부할 수 있는 게임이에요!
+    레이아웃을 짜는 flex와 grid는 정말 중요한 내용이에요! 꼭 공부하고 넘어가세요! 최소한 flex라도 꼭 잘 이해하고 넘어가야 해요!
 
 ## 프로젝트 실습 📝
 
@@ -110,3 +117,9 @@ VSCode는 HTML, CSS를 작성하기에 정말 좋은 에디터예요. [VSCode 
 처음에는 그냥 외관만 보고 따라 만들다가 막히는 경우 위 사진과 같이 개발자 도구를 통해 분석하면서 만들어 보세요!
 
 - [개발자 도구 사용법 - 엘리스](https://www.youtube.com/watch?v=WadwqCzRpQE&ab_channel=%EC%97%98%EB%A6%AC%EC%8A%A4)
+  - 맥 개발자 도구 창 열기 : command + option + i
+  - 윈도우 개발자 도구 창 열기 : F12
+
+---
+
+질문, 토론은 언제나 환영입니다🤗