Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sofi-bel/mesto-project
A landing page about traveling.
https://github.com/sofi-bel/mesto-project
adaptive-layouts bem css3 flexbox grid html5 javascript js media-queries mobile-first pug relative-units responsive-design responsive-layout scss semantic-layout web-accessibility webpack webpack5
Last synced: about 1 month ago
JSON representation
A landing page about traveling.
- Host: GitHub
- URL: https://github.com/sofi-bel/mesto-project
- Owner: sofi-bel
- License: gpl-3.0
- Created: 2021-11-12T09:52:39.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-06T11:54:35.000Z (4 months ago)
- Last Synced: 2024-05-06T13:02:51.858Z (4 months ago)
- Topics: adaptive-layouts, bem, css3, flexbox, grid, html5, javascript, js, media-queries, mobile-first, pug, relative-units, responsive-design, responsive-layout, scss, semantic-layout, web-accessibility, webpack, webpack5
- Language: SCSS
- Homepage: https://sofi-bel.github.io/mesto-project/
- Size: 1.39 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Mesto
A landing page about Traveling.
## Template for Stack
- HTML5 & CSS3
- Pug
- SCSS
- JavaScript
- Flexbox
- CSS grid
- BEM
- Adaptive web design
- Responsive web design
- Mobile first
- Media queries
- Web accessibility
- Relative units
- Semantic layout
- Webpack
## Build Setup
Clone the repo
```
git clone https://github.com/sofi-bel/mesto-project.git
```
Install dependencies
```
npm install
```
Server with hot reload at http://localhost:9000/
```
npm start
```
Production Build
```
npm run build
```
Development mode
```
npm run dev
```
## Layout
[Link to layout in Figma](https://www.figma.com/file/2cn9N9jSkmxD84oJik7xL7/JavaScript.-Sprint-4?type=design&node-id=0-1&mode=design)
## Demo
[Look at the result](https://sofi-bel.github.io/mesto-project/)