Submitted almost 4 years ago

I wrote the code in Atom using css and html

Minnie Lahoti• 30

@minnielahoti

Preview site View code

This is a solution for...

Four card feature section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Thank you for providing feedback!

I struggled the most with the Supervisor and Calculator alignment. If someone has a more efficient way of aligning them rather than my method (which is manual and I know is not right due to scalability issues) I'd love the feedback.

Thanks!

Community feedback

Julian Hincapie• 235

@julianhv20

Posted almost 4 years ago

The best way to make layouts is using flexbox and grid. These guides and games will help you improve your skills

Flexbox : https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Grid : https://css-tricks.com/snippets/css/complete-guide-grid/

I recommend these two games: Flexbox froggy : https://codepip.com/games/flexbox-froggy/ Grid garden : https://codepip.com/games/grid-garden/

Abhishek Rawat• 690

@AbePlays

Posted almost 4 years ago

You did not make it responsive :(

Minnie Lahoti• 30

@minnielahoti

Posted almost 4 years ago

@AbePlays thanks for the feedback! Can you explain what you mean by make it responsive? I’m clearly new to this 😅 thank you!

Please log in to post a comment

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