The "MeCTO" project

https://ignatovdan.github.io/yandex-mesto/ - you can take a look at the project right now!

There are several places with photos and descriptions, photo/name/details of the page owner, popups to change values and add new places.

The page is optimized for viewing on desktop (>1024) and on mobile (<1024) devices: layout changes depending on the width of your device/browser.

---

Development stages:

• Stage "1" (root page layout)
  • Github branch: https://github.com/IgnatovDan/yandex-mesto/tree/p4
  • Figma design file: https://www.figma.com/file/2cn9N9jSkmxD84oJik7xL7/JavaScript.-Sprint-4
• Stage "2" (view/edit cards, smooth popups)
  • Github branch: https://github.com/IgnatovDan/yandex-mesto/tree/p5
  • Figma design file: https://www.figma.com/file/bjyvbKKJN2naO0ucURl2Z0/JavaScript.-Sprint-5
• Stage "3" (validation)
  • Github branch: https://github.com/IgnatovDan/yandex-mesto/tree/p6
  • Figma design file: https://www.figma.com/file/kRVLKwYG3d1HGLvh7JFWRT/JavaScript.-Sprint-6

---

Used technologies

HTML, CSS-flex, CSS-grid, JS, BEM, Responsive design, Figma

---

Photos from https://unsplash.com/

---

Technical links:

• HTML
  • https://github.com/IgnatovDan/Sandbox/tree/main/HTML/texts
• CSS
  • https://github.com/IgnatovDan/Sandbox/tree/main/CSS/fonts
  • https://github.com/IgnatovDan/Sandbox/tree/main/CSS/grid
  • https://github.com/IgnatovDan/Sandbox/tree/main/CSS/media
  • https://github.com/IgnatovDan/Sandbox/tree/main/CSS/popup
• Tools
  • https://github.com/IgnatovDan/bem-project
  • https://github.com/IgnatovDan/stylelint-bem-newbie