[Youtube 클론코딩] MVP.css

MVP.css - Minimalist stylesheet for HTML elements (andybrewer.github.io)

MVP.css - Minimalist stylesheet for HTML elements

우리가 보통 웹 페이지를 제작할 때는 HTML과 JS를 먼저 제작한 뒤 css 작업을 하게 된다.

왜냐하면 기능이 먼저 구현돼야 살이 붙을 수 있기 때문이다.

 

그런데 브라우저에서 기본 제공되는 css만으로 웹 페이지를 제작하면 너무 따분하고 의욕이 사라진다.

어느정도 예쁜 브라우저를 만들어야 만드는 보람이 있기 때문이다.

 

그래서 임시방편으로 사용할만한 css 프리셋들이 있는데 그게 MVP.css 이다.

하단의 링크를 복사해서 붙여넣어 주면 되는데, pug에선 다음처럼 하면 된다.

그럼 이런식으로 볼만한 웹 페이지가 만들어진다.

(main 태그 안에 요소들을 넣으면 뷰포트 중간정렬도 해준다.)