All solutions

Hello fellow developers. This is my third solution. I chose the Planets Facts Site challenge. I decided to practice my React skills to build it. This was my first pass to get it up and running. I plan on doing some significant refactoring and breaking down it down into smaller components. In the meantime I wanted to get this submitted and posted. I'm open to any feedback, comments or suggestions for improvement.

Thanks and happy coding...

Steven Abaco http://www.stevenabaco.dev

Hello fellow developers,

This is my second challenge I completed. I loved building it. I decided to keep it simple and just used HTML, CSS and vanilla Javascript. In retrospect I think it would have been a fun project to build with React since there are a duplication in code for the same components. With React I could have created a class and just passed in the required props. I probably will refactor with React at some point in time.

I do have a question for anyone else who also built this project. I could not figure out a way to use a gradient fill using "Border-Top" for the Instagram component. How did you do it? I just have a simple solid fill but curious how to get the three color gradient fill.

Anyway, I hope you like my solution. I'm open to any feedback, comments or recommendations. I'm here to learn and help other developers on the same journey.

Thanks and Happy Coding!

Hello fellow Developers,

This is my first challenge with Frontend Mentor. I singed up to practice my coding skills on real projects and have something to prove I've got the skills. Also to help out other developers on the same learning track.

I built this component using plain HTML and CSS. Built with Mobile First design process. Only added one @media query point at 768px.

If anyone has time to review and let me know what they think and any recommendations on improvement I would greatly appreciate it. I'm always interested in ways to improve and welcome any feedback from the community.

Thanks and looking forward to your feedback and comments!