https://github.com/cdanderson76/3_columnpreviewcard

This is my solution for the 3-Column Preview Card in Frontend Mentor
https://github.com/cdanderson76/3_columnpreviewcard

Last synced: about 1 month ago
JSON representation

This is my solution for the 3-Column Preview Card in Frontend Mentor

• Host: GitHub
• URL: https://github.com/cdanderson76/3_columnpreviewcard
• Owner: cdanderson76
• Created: 2023-09-04T23:41:20.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-06-28T19:46:54.000Z (6 months ago)
• Last Synced: 2024-06-28T20:58:39.546Z (6 months ago)
• Language: CSS
• Homepage: https://cdanderson76.github.io/3_ColumnPreviewCard/
• Size: 129 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
3-Column Preview Card

![image](https://github.com/cdanderson76/3_ColumnPreviewCard/assets/138369806/b4ac8922-2c0b-49bf-9c75-52612c148979)

Although this is listed as a simple project, the 3-Column Preview Card really tested me on the concepts of the postioning of elements and the spacing between them.  I really had to rely on the 'Inspect' tool within the browser in order to get an idea of where, and how, I could get things in the correct place.  I also had a hard time creating the button that really wasn't a 'button' (lol).  Toward the end of my project, I realized that it was missing a hover effect, but for some reason, I could not get the border visible around my anchor element.  After a decent amount of googling, I found that there would actually NEED to be an ORIGINAL border in order to create the appropriate hover effect.  Once I understood this, I was able to finish the project.

Hopefully, my HTML and CSS is up to par.  If there are any questions or tips on what I could have done better in reference to writing cleaner code (or anything for that matter), please feel free to let me know.  Thanks...