Submitted about 2 years ago

Semantic HTML5 markup, CSS custom properties , Flexbox, Tailwindcss

semantic-ui, tailwind-css, bootstrap

SURU EMMANUEL•390

@suruaino

A solution to the Four card feature section challenge

Preview Code

Solution retrospective

I encountered some challenges in the process of building this project prompting me to ask the following questions.

How can I make the EVERY content in a flex container to have equal sizes no matter the content that they hold?

Someone should please explain to me why every padding on the main works perfectly on chrome but behaves funny in Firefox when on a wider screen.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on SURU EMMANUEL's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord