- Overview
- Screenshot
- Links
- My process
- Built with
- What I learned
- Continued development
- Useful resources
- Author
Overall, this challenge was relatively easy and fun to do. I had no problems doing the card and other elements, although I did struggle a lot working with the background images. That made me realize I need to practice more "Image Positions" on CSS.
I'm also having many difficulties getting a grasp of media queries and need to double my efforts on this matter. It's not hard to understand but, for some reason, is making me confused with the min-max properties.
Thanks for reading this :D
Find my socials below.
- Take a look at the project as a whole.
- Identifying the key elements of the project.
- Break the project in small parts.
- Organize the project folder.
- Organize all the assets into the right folders.
- Look and study the style guide.
- Initiate GIT repo.
- HTML.
- CSS.
- Prepare the README file.
- Upload project.
- Add the project to a live site server.
- Share with the community and get feedback.
- Improve project based on constructive feedback.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- Mobile-first workflow
Areas that I need to improve and practice more:
- Media Queries
- CSS Positioning: Relative, Fixed, Absolute.
- MDN - Mdn Web Docs - Media Queries
- Let's Connect > - Rafael Martins