This is a solution to the Social Proof Section Challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
I'm transitioning back into Full-Time Web Development after a long hiatus away from the tech industry. From experience I know the fastest way to learn/relearn any skill is through consistent building and that is why I've found Front End Mentor Challenges to be the perfect fit for me at this stage in my career journey.
This is the sixth challenge I'm attempting. My completion time is getting shorter so I'm definitely excited about that.
- Build out the Social Proof Section Challenge at [https://www.frontendmentor.io/challenges/four-card-feature-section-weK1eFYK/hub/four-card-feature-section-r5WHW21YD] as close to the original design as possible.
- Solution: [https://www.frontendmentor.io/challenges/four-card-feature-section-weK1eFYK/hub/four-card-feature-section-challenge-with-css-flexbox-5-BLe_eGi]
- Live Site URL: [https://emmanueloloke.github.io/four-card-feature/]
- I started out with the HTML structuring of the four card feature section. Positioning the texts and images.
- Followed it up with styling each element to mimic what was presented in the challenge design files with CSS.
- HTML5 markup.
- CSS3 custom properties.
- Flexbox.
- Improved ability working with CSS Flexbox.
- Manipulating CSS Flexbox rows and column and centering with [margin: auto;]
- Feel like I'm ready to dive into JS and in the near future go fully into ReactJS. But in the mean time, I'll continue pacing myself and making sure I truely understand the basics of HTML and CSS before moving on.
- Emmanuel Oloke.
- Frontend Mentor - [https://www.frontendmentor.io/profile/EmmanuelOloke]
- Twitter - [https://twitter.com/I_am_Pope]