Submitted about 2 years ago

Four card feature section

Nemesis•120

@nemesisaquib

Preview site View code

This is a solution for...Four card feature section

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

I made it but it is a bit difficult to make it and I think my code is not correct because I have used display flex I know it not right way to do this And the mobile view has also not become very good 😣😣😥 i would love it if someone gives feedback and tell me how to make it in right way thank you

Community feedback

Vanza Setia•27,775
@vanzasetiaPosted about 2 years ago
Hi, Nemesis! 👋

To make sure the website looks good (and optimized) for mobile users, I highly recommend writing the styling using the mobile-first approach. It often leads to shorter and better performance code. Also, mobile users won't be required to process all of the desktop styles.

More suggestions:

Avoid using br elements for presentational purposes. Read what MDN documentation says about it.

Remove max-width: 100% from the body styling. It is not needed.

I recommend adding rel="noopener" to any anchor tags that have target="_blank". It helps protect users of legacy browsers. I suggest reading the web.dev article to learn more about this.

That's it! I hope this helps!
1
Nemesis•120
@nemesisaquibPosted about 2 years ago
@vanzasetia thank you sir 😀
0
Vanza Setia•27,775
@vanzasetiaPosted about 2 years ago
@nemesisaquib You are welcome! 👍
1

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