/4-Cards-Challenge

4 cards Challenge - Front End Mentor

Primary LanguageCSS

4-Cards-Challenge - Front End Mentor

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

Link to the Challenge:

https://www.frontendmentor.io/challenges/four-card-feature-section-weK1eFYK

How design should look like:

desktop-preview mobile-design

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.

Project Overview:

  1. Project's Title Four card feature section

  2. Project Description A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts. 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.

*Technologies I used in this project were:

  • Flexbox;
  • Responsive Design;
  • Grid;

*Challanges I faced:

  • Understanding how to mix Flexbox with Grid was a huge problem in the beggining but this project helped me understand how to actually use them even better,
  • Creating space between different divs also making sure that while editing one media quary I dont by mistake make error in the other one,
  • If possible I will try not to use as many absolute position if I can - seems to create more problems then actually helps,

Author: Danielfww

Credits: Shotouts to https://github.com/Pipendog and https://github.com/NobelBeastPrize for always being there for me.