Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/namonaki0/fe-mentor-faq-accordion-card

frontend-mentor-challenge html javascript keyframes media-queries responsive-design scss

Last synced: 24 days ago
JSON representation

Host: GitHub
URL: https://github.com/namonaki0/fe-mentor-faq-accordion-card
Owner: Namonaki0
Created: 2023-08-05T17:02:00.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-08-12T17:53:06.000Z (over 1 year ago)
Last Synced: 2025-01-14T01:17:02.668Z (26 days ago)
Topics: frontend-mentor-challenge, html, javascript, keyframes, media-queries, responsive-design, scss
Language: SCSS
Homepage: https://fementor-af-faq-accordion-card.netlify.app/
Size: 478 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # Frontend Mentor - FAQ Accordion Card solution

[![Netlify Status](https://api.netlify.com/api/v1/badges/4876be14-c91e-45b8-aa1d-fc26cce0527e/deploy-status)](https://app.netlify.com/sites/fementor-af-faq-accordion-card/deploys)

---

This is a solution to the [FAQ Accordion Card](https://www.frontendmentor.io/solutions/faq-accordion-card-html-scss-javascript-dxqOiJLs28).

### Screenshot

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

![mobile open state](./completed_screenshots/mobile_open.PNG)

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

![desktop open state](./completed_screenshots/desktop_open.PNG)

### Links

- Solution URL: [https://github.com/Namonaki0/FE-mentor-faq-accordion-card](https://github.com/Namonaki0/FE-mentor-faq-accordion-card)

- Live Site URL: [https://fementor-af-faq-accordion-card.netlify.app](https://fementor-af-faq-accordion-card.netlify.app)

## My process

### Built with

- Semantic HTML5 markup

- SCSS custom properties

- Flexbox

- CSS Grid

- Mobile-first workflow

- Media Queries & Keyframes

- Vanilla JavaScript

Netlify used for deployment.

## Author

- Website - [https://www.andreferreiradev.com/](https://www.andreferreiradev.com/)

- Frontend Mentor - [https://www.frontendmentor.io/profile/Namonaki0](https://www.frontendmentor.io/profile/Namonaki0)

- Github - [https://github.com/Namonaki0](https://github.com/Namonaki0)