https://github.com/cdanderson76/singlepricegridcomponent

This is the desktop solution for the Frontend Mentor Single Price Grid Component Project
https://github.com/cdanderson76/singlepricegridcomponent

Last synced: about 1 month ago
JSON representation

This is the desktop solution for the Frontend Mentor Single Price Grid Component Project

• Host: GitHub
• URL: https://github.com/cdanderson76/singlepricegridcomponent
• Owner: cdanderson76
• Created: 2023-09-18T00:43:34.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-28T19:36:34.000Z (6 months ago)
• Last Synced: 2024-06-28T20:41:21.711Z (6 months ago)
• Language: CSS
• Homepage: https://cdanderson76.github.io/singlePriceGridComponent/
• Size: 9.77 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Single Price Grid Component Project

![image](https://github.com/cdanderson76/singlePriceGridComponent/assets/138369806/b343c680-8817-48ff-8ec0-a3d11ec92c96)

This project turned out to be a little more difficult as I got deeper into the process of completing it.  I'm not sure if I had the correct specifications for the mobile layout, as 'Figma.com' had measured the width to be 362px, but it looks as if the actual width was a little more than what was listed.  I also had a problem centering this design, as I utilized percentages in order to keep it centered.  However, as I shrank/grew my screen, I wasn't really satisfied with how the design creeped up and down the page.  I elected to use volume height and width instead, and now the design looks stabilized while shrinking and enlarging the screen.  In addition, I did my best to make the most efficient adjustments, but I feel that my code got a little messy on this one.  I'm continously looking through ways I could make it cleaner, but I'm unable to come up with anything.  I'm happy with this project, but if there is anything that I could have done better, definitely let me know.