https://github.com/namonaki0/fe-mentor-four-card-feature-section

Frontend Mentor - Four Card Feature Section
https://github.com/namonaki0/fe-mentor-four-card-feature-section

flexbox grid html mobile-first-workflow responsive-design scss

Last synced: about 2 months ago
JSON representation

Frontend Mentor - Four Card Feature Section

• Host: GitHub
• URL: https://github.com/namonaki0/fe-mentor-four-card-feature-section
• Owner: Namonaki0
• Created: 2023-08-11T15:33:28.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-12T22:03:41.000Z (over 1 year ago)
• Last Synced: 2024-01-26T10:36:09.461Z (12 months ago)
• Topics: flexbox, grid, html, mobile-first-workflow, responsive-design, scss
• Language: SCSS
• Homepage: https://fementor-af-four-card-feature-section.netlify.app
• Size: 263 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/6f914660-2fc0-4c01-b80d-1b799cbe26c5/deploy-status)](https://app.netlify.com/sites/fementor-af-four-card-feature-section/deploys)

---

Four card feature section


![Design preview for the Four Card Feature Section challenge](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_700/Challenges/wbsdema37uawkvkp9lab.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