Frontend Mentor - Four Card Feature Section Fix

This is a solution to [Frontend Mentor Four Card Feature Section Challenge] (https://www.frontendmentor.io/challenges/four-card-feature-section-weK1eFYK). Frontend Mentor challenges help you improve your coding skills by creating realistic projects.

Table of Contents

• Summary
  • The challenge
  • Screenshot
  • Links
• My process
  • [Built with](#built with)
  • What I learned
  • Continuous development
  • Useful resources
• Author
• Thanks

Overview

The challenge

Users must be able to:

• See the optimal layout for the site based on the screen size of your device

Screenshot

Links

• Solution URL: [https://github.com/DannyMolina/four-card-feature.git]
• Live Site URL: [https://four-card-feature-psyduck.netlify.app]

my process

In this process I reflected that I am lazy with responsive design, I start with computer design and not with mobile

Built with

• Semantic HTML5 markup
• CSS custom properties
• flexible box
• CSS Grid

What I learned

I already use the grid property with more confidence, I found it interesting

Continuous development

We continue working on consistency, I must practice responsive design much more

Helpful Resources

Author

• Website - [https://github.com/DannyMolina]
• Frontend Mentor - [@DannyMolina]

Thanks

I thank the pain of life for leading me to look for ways out