https://github.com/kjabeen/profile-card-component

Profile-Card-Component
https://github.com/kjabeen/profile-card-component

css css-backgrounds css-flexbox css-position css-responsive html5

Last synced: about 2 months ago
JSON representation

Profile-Card-Component

• Host: GitHub
• URL: https://github.com/kjabeen/profile-card-component
• Owner: KJabeen
• Created: 2023-07-14T13:21:57.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2023-07-14T13:27:14.000Z (almost 2 years ago)
• Last Synced: 2023-07-14T14:33:23.153Z (almost 2 years ago)
• Topics: css, css-backgrounds, css-flexbox, css-position, css-responsive, html5
• Language: CSS
• Homepage: https://kjabeen.github.io/Profile-Card-Component/
• Size: 8.79 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Profile-Card-Component

**Frontend Mentor - Profile-Card-Component-Challenge**

This is a solution to the **Stats-Preview-Card-Component** on Frontend Mentor. Frontend Mentor challenges are realistic projects.

Users should be able to view the optimal layout depending on their device's screen size.

**Desktop version**

![image](https://github.com/KJabeen/Profile-Card-Component/assets/126177876/7aaf76ed-1deb-4ff7-b553-cb0c9b298b7e)

**Mobile version**

![image](https://github.com/KJabeen/Profile-Card-Component/assets/126177876/32728d79-39f7-4dcc-b6ce-4270e1f0ba41)

**My work based on**

  Semantic HTML5 markup

    

  CSS custom properties

  Flexbox

  Postion property

  

  Responsive web page

Author:

**Kokab Jabeen**