01. 디자인 우선 피그마로 디자인을 만들어 보았습니다. 기본적인 그리드 시스템을 칼럼을 12줄로 주고 여백은 380을 주어 콘텐츠가 들어가는 부분의 기본적인 그리드 시스템을 주었습니다. 그리드 시스템은 하나를 주게되면 한 사이트에 여러번 사용되기때문에 계속 숙지하는 것이 좋습니다. 그리드시스템 말고도 가이드 라인을 주어 자신이 어떤 요소를 어디에 넣고 여백을 얼마를 줄지 지정하는 것이 좋습니다. 02.코딩 이제 위와같은 디자인을 코딩으로 구현하고자 합니다. 우선 코드를 먼저 보여드리자면 아침을 먹어야하는 이유 아침밥을 꼭 먹어야 하루의 체력과 기분이 달라집니다. 간편한 아침 아침을 간편하게 먹기 위해서 빵이나 간편식으로 잘 나와있습니다. 자세히 보기 여유로운 아침 아침을 여유롭게 먹을 때 너무 무겁게 ..