This is a solution to the Four card feature section challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- Solution URL: Click here!
- Live Site URL: Click here!
- Semantic HTML5 markup
- CSS custom properties
- CSS Grid
- Mobile-first workflow
- Using grid template to map out the 4 feature cards' position on wider screen
- Wrapping an image with a div element in order to position the image using text-align property
- More in depth research of grid and its functions
- A Complete Guide to Grid - This is still my go-to article when I need reference and refresher on how to use grid.
- LinkedIn - Charmaine Lee
- Frontend Mentor - @charmainelhm
- Twitter - @noodercob_ie
Practice is a very important learning stage in coding, and I want to thank Frontend Mentor for making it easier for me to do that. With their help, I can focus on understanding the different properties in HTML and CSS even though I have very little knowledge on UI and UX design.