Frontend Mentor- Four Card Feature Section

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.

Table of Contents

• Frontend Mentor- Four Card Feature Section
  • Table of Contents
  • Overview
    • Screenshots
    • Links
  • My Process
    • Built With
    • What i Learned
    • Continued Development
  • Author

Overview

Screenshots

Links

-Solution URL : Link to the solution -Live Site URL: Link to the live site

My Process

Built With

1. HTML
2. CSS
3. Mobile first Workflow

What i Learned

I got another chance to practice CSS Grid but i got the chance to practice grid template areas here is a piece of code i am proud of.

.card__container {
  display: grid;
  grid-template-areas: "supervisor middle calculator" "supervisor middle calculator" "supervisor middle calculator";
  gap: 10px;
}

Continued Development

I am not yet comfortable with CSS Grid and i look forward to refining my skills on this concept

Author

• Website - clement-portfolio.com
• Frontend Mentor - @Clement1kalu-okereke
• Twitter - @ClementKaluoke2