84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
저는 프런트 엔드를 처음 접했고 레이아웃과 반응성을 다루는 데 몇 가지 문제가 있습니다.
지금까지 내 코드는 다음과 같습니다.
으아악 으아악
내가 달성하고 싶은 지금까지의 시도를 볼 수 있습니다: https://www.figma.com/file/lqy0NTOiakaxeG5HoJk50f/Untitled?node-id=0%3A1.
이것이 기본이라는 것은 알지만, 무엇을 하려고 해도 항상 다른 것이 떠오릅니다.
CSS 그리드를 사용하여 텍스트 옆에 이미지와 버튼을 배치합니다.
또한 버튼과 이미지를 div로 함께 묶습니다(클래스 이름 right-col을 지정했습니다):
최대 너비의 래퍼로 모든 코드를 래핑하고 제목과 내용을 모두 100%로 만들 수도 있습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
CSS 그리드를 사용하여 텍스트 옆에 이미지와 버튼을 배치합니다.
또한 버튼과 이미지를 div로 함께 묶습니다(클래스 이름 right-col을 지정했습니다):
으아악최대 너비의 래퍼로 모든 코드를 래핑하고 제목과 내용을 모두 100%로 만들 수도 있습니다.