This is a solution to the 3-column preview card component challenge on Frontend Mentor.
Users should be able to:
- View the optimal layout depending on their device's screen size
- See hover states for interactive elements
- Live Site URL: Add live site URL here
I used some code from a prior project assignment and from there I tested it on my local computer until I got the look that I needed. I googled a lot to find pieces that were not part of the prior project and integrated those on this project. I also had to learn a lot about github - building a repository, cloning in Atom, and using GitHub Desktop.
- Semantic HTML5 markup
- HTML Responsive
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
I learned a lot through this process in terms of finding the elements I needed in order to get the layout as close as it was required and testing them as I went along.
- Flexbox resource (https://css-tricks.com/snippets/css/a-guide-to-flexbox/) - This helped me on this and on a prior project to get the right flexbox elements. I really liked this site and will use it going forward.
- Frontend Mentor - @yourusername
Thanks to Frontendmasters (https://frontendmasters.com/) I was able to use some of the code that I learned from them in a prior learning project.