https://github.com/namonaki0/fe-mentor-huddle-landing-page

Frontend Mentor - Huddle Landing Page
https://github.com/namonaki0/fe-mentor-huddle-landing-page

flexbox html media-queries mobile-first-workflow scss

Last synced: 2 months ago
JSON representation

Frontend Mentor - Huddle Landing Page

• Host: GitHub
• URL: https://github.com/namonaki0/fe-mentor-huddle-landing-page
• Owner: Namonaki0
• Created: 2023-08-09T17:25:28.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-09T21:13:15.000Z (over 1 year ago)
• Last Synced: 2025-02-26T19:09:57.796Z (2 months ago)
• Topics: flexbox, html, media-queries, mobile-first-workflow, scss
• Language: SCSS
• Homepage: https://fementor-af-huddle-landing-page.netlify.app/
• Size: 475 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        




Frontend Mentor


[![Netlify Status](https://api.netlify.com/api/v1/badges/a9d9eb66-af89-4e2e-b91a-55582c41dbf1/deploy-status)](https://app.netlify.com/sites/fementor-af-huddle-landing-page/deploys)

---

Huddle landing page


![Design preview for the Huddle landing page with single introductory section](./design/desktop-preview.jpg)

---

Finished Screenshots


![mobile](./completed_screenshots/mobile.PNG)

![desktop](./completed_screenshots/desktop.PNG)

Live Site URL

---

Built with:


![HTML](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) ![SCSS](https://img.shields.io/badge/SCSS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white) ![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge&logo=netlify&logoColor=#00C7B7) ![Git](https://img.shields.io/badge/Git-F05032?style=for-the-badge&logo=git&logoColor=white) ![GitHub Actions](https://img.shields.io/badge/github%20actions-%232671E5.svg?style=for-the-badge&logo=githubactions&logoColor=white)

Semantic HTML5 markup

SCSS custom properties

Flexbox

CSS Grid

Mobile-first workflow

Media Queries

Pixel Perfecting with PerfectPixel Chrome extension

Netlify used for deployment.


---

Author

andreferreiradev.com


frontendmentor.io/profile/Namonaki0