Skip to content

Latest commit

 

History

History

four-card-feature-section

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Four card feature section

Solution : Live Site URL

Solution submitted at Frontend Mentor - Submission link

This is a solution to the Four card feature section challenge on Frontend Mentor.

Design preview for the Four card feature section coding challenge

The challenge

Your challenge is to build out this feature section and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Your users should:

  • View the optimal layout for the site depending on their device's screen size

Experience

This challenge was simpler than any of the previous challenges, Flexbox is powerful for such cards, helps centering everything in less lines of code. At first I wanted to use grid but the offset boxes made it difficult to have a proper grid.

Built with

  • HTML
  • CSS
  • CSS Flexbox

Pending Tasks
  • Update README
  • Final challenge screenshot(s) (desktop and mobile)
  • Submit the challenge at frontendmentor.