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 with html and css

@ble-syn

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


tell me what you think

Community feedback

@pikapikamart

Posted

Almost spot on you got there, I like how you we able to make the custom layout when resizing without using grid. Your transform trick did great^

1

@ble-syn

Posted

@pikamart thank you for your feedback

0
P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hello, Bumble Bee! 👋

Good to see you complete another challenge (it's been quite a while)! 😀 Nice job on this one! 👏 I really like the extra layouts that added for extra-large/tablet screens! 🤩

The only thing I suggest is perhaps using a single heading tag (such as <h1>, since it is the most important heading on the page) for the heading on the page (because it is really just a single heading, not two separate headings). You can easily style each part of the heading differently by wrapping them in <span> tags. 😉

Keep coding (and happy coding, too)! 😁

0

@ble-syn

Posted

@ApplePieGiraffe thank you for your feedback!

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