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-card-feature-section-flexbox

@MehmetCanBOZ

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 guys, any advice can help me a lot. Happy coding...

Community feedback

@mesutcifci

Posted

Hi Mehmet, Congrats!

Here is some advises to you:

-Check color, font-weight, font-size of texts. There are different from the original.

-When i shrink the page , i saw only Supervisor and Calculator cards shrink, maybe you can find better solutions. For idea check my solution click

1

@MehmetCanBOZ

Posted

Hi Mesut, Thanks a lot for your advice(Teşekkürler :D ). I will consider your suggestions. I am new in that area so any advice is so valuable for me. I will also check your solution.

0

@MehmetCanBOZ

Posted

Thanks a lot, Drallas. I will consider your suggestions. Yes, Grid system would be better for this project. I will also look at your solution.

Happy Coding...

0
drallas 375

@Drallas

Posted

Hi Mehmet

I was also on this one today, just finished it. As Mesut wrote you should check color, font-weight, font-size of texts, currently it looks a bit to far off the original.

I noticed you used Flexbox, personally this seemed a perfect one to for CSS Grid, Flexbox could be used too of-course.

Shrinking card could be prevented by giving them a fixed width, i don't think that they only need to resize on breakpoint for this challenge.

0
drallas 375

@Drallas

Posted

Hello Mehmet

Any specific area where you need some help!?

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