Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Four Feature Card (Bootstrap & Tailwind)

filecc 470

@filecc

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi there 👋, this is my solution for this challenge. 🚀

Built With:

  • Boostrap
  • *Tailwind CSS

Any suggestions are welcome!

Thank you. 😊✌️

Community feedback

Elevate 240

@i7ector

Posted

@filecc good job on completing the challenge!

Some things to consider to improve your solution for the desktop view:

  • increase the font size for the heading and sub heading
  • add some margin to the left and right on the first and fourth box
  • decrease the overall size of the boxes

Hope this helps good luck and happy coding :)

Marked as helpful

0

filecc 470

@filecc

Posted

@i7ector Thank you so much!! I totally forgot about the change in font size for the desktop view. :/ and I change the container used in general and the columns sizes to adjust the margin a padding instead of touching the cards.

Thank you again, this really helped! Please, tell me if you see any difference.

:)) Really apprecitated!

1
Elevate 240

@i7ector

Posted

@filecc Yes I have checked it out again and I can see the changes you have made and it looks way closer to the design than it did before so well done!

Also glad you found it useful, good luck with your coding journey. keep reinforcing the skills you pick up and apply them to the solutions you build in the future ;)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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