Four Card Feature Section

• Overview
• Screenshot
• Links
• Built with
• What I learned
• Continued development
• Useful resources
• Author
• Acknowledgments

Overview

I used HTML and CSS to build the Four card feature section from Frontend Mentors

Screenshot

Links

• Live Site URL: (https://musical-blini-d6fdc0.netlify.app/)

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

What I learned

I put all the colors in root variables

Code Snippet: Some of my CSS-- Really loving putting all my colors in root variables, makes my life easier.

:root{
    /* primary colors */
    --red: hsl(0, 78%, 62%);
    --cyan: hsl(180, 62%, 55%);
    --orange: hsl(34, 97%, 64%);
    --blue: hsl(212, 86%, 64%);

        /* Neutral colors */

    --veryDarkBlue: hsl(234, 12%, 34%);
    --grayishBlue: hsl(229, 6%, 66%);
    --veryLightGray: hsl(0, 0%, 98%);
}

Continued development

I will focus on bulding projects from Frontend Mentor challenges and personal projects for personal development.

Author

• Website - Nkwor Jane
• Frontend Mentor - @Nkwor-Jane.

Acknowledgments

I would like to thank Frontend Mentor.