https://github.com/cdanderson76/stats-preview-card-component

This is the desktop solution for the Frontend Mentor Stats preview card component
https://github.com/cdanderson76/stats-preview-card-component

Last synced: about 1 month ago
JSON representation

This is the desktop solution for the Frontend Mentor Stats preview card component

• Host: GitHub
• URL: https://github.com/cdanderson76/stats-preview-card-component
• Owner: cdanderson76
• Created: 2023-10-04T01:31:56.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-28T19:34:30.000Z (6 months ago)
• Last Synced: 2024-06-28T20:45:47.683Z (6 months ago)
• Language: CSS
• Homepage: https://cdanderson76.github.io/Stats-preview-card-component/
• Size: 349 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Stats Preview Card Component

![image](https://github.com/cdanderson76/Stats-Preview-Card-Component/assets/138369806/31cc53a4-cc2f-44ac-bdee-2195800792cb)

This one became a much bigger challenge than I had anticipated.  I was attempting to utilize CSS Grid to put this project together (because I wanted to practice), but after dealing with additional whitespace with the photograph included with this project, I decided to switch back over to Flexbox.  After doing so, I went through the project fairly smoothly, but I couldn't get my desktop design the way that I needed it to be.  I ended up having to ditch the entire desktop solution and create another CSS file just so I could break away from any common connections with the original CSS file. Once I got the design the way that I needed it to be, I deleted the extra file and used a media query in the original.  I tried cleaning up the code as much as I could as well...