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.
Your challenge is to build out this feature section and get it looking as close to the design as possible.Your users should be able to:
- View the optimal layout depending on their device's screen size
- The flexbox flow from mobile to desktop.
- The use of absolute/relative positions.
- The flow of cards is interrupted by a container, keeping it all one flow would be nice.
I learnt how to effectivly use flexbox, flex-wrap and other useful flex based features to get the look I wanted. Clamp was my best friend in regards to typography and this resulted in a much smoother transition from mobile to desktop.
I am happy with the development of this project, however; perhaps changing the tablet card flow would be a good idea.