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

https://github.com/birushandegeya/profile-card

From Frontend Mentor challenge
https://github.com/birushandegeya/profile-card

Last synced: 2 months ago
JSON representation

From Frontend Mentor challenge

Awesome Lists containing this project

README

        

# Frontend Mentor - Profile card component solution

This is a solution to the [Profile card component challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/profile-card-component-cfArpWshJ). Frontend Mentor challenges help you improve your coding skills by building realistic projects.

### Screenshot

![](./assets/profile-card.png)

### Links

- Solution URL: [solution URL](https://profile-card-xi-one.vercel.app/)
- Live Site URL: [live site URL](https://www.frontendmentor.io/solutions/reponsive-profile-card-component-UE0Htfa-y3)

## My process

### Built with

- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- SCSS - CSS pre-processor

### What I learned

While working on the profile card project, I strengthened my knowledge of using SCSS in HTML code.

### Continued development

In future projects, I will leverage the power of SCSS to develop my own small CSS library for use in project exercises.

## Author

- Frontend Mentor - [@BirushaNdegeya](https://www.frontendmentor.io/profile/BirushaNdegeya)
- Twitter - [@BirushaNdegeya](https://twitter.com/BNdegeya62741)