Responsive Four card feature section: Pure HTML & CSS + Animation
Design comparison
Solution retrospective
🫡 Hello, Frontend Mentor Army. This is my solution for the Four Card Feature Section
Another great Challenge by Front-End Mentor #LearningByDoing
I'll be happy to hear any useful feedback and advice! 🙌
Community feedback
- @AdrianoEscarabotePosted almost 2 years ago
Hello Devesh shukla, how are you? I truly loved your project's outcome, however I have some advice that I hope you'll find useful:
<h1 class="txt1">Reliable, efficient delivery</h1> <h1 class="txt2">Powered by Technology</h1>
The most appropriate in this case would be just an
h1
tag! containing the two contents, to make them break a line, we can use a max-width, and for the styling we can use a span element with the content that will be changed!avoid using
px
, If your web content font sizes are set to absolute units, such as pixels, the user will not be able to re-size the text or control the font size based on their needs. if you want to keep using px for development and then format the whole code to rem, you can use this vscode extension: px to remThe remainder is excellent.
I hope it's useful. 👍
1@deveshshuklaPosted almost 2 years ago@AdrianoEscarabote Thanx bro for your valuable advice... I'll keep it in mind next time. 🤗
1
Please log in to post a comment
Log in with GitHubJoin 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