Submitted over 2 years ago

Web design responsive using HTML and CSS challenge

Rafi Pramasukma Ekhaputera• 180

@rafiputra2000

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

3-column preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

hello community!!

I need criticism and feedback from all of you, may you always be blessed !!!

Community feedback

Naveen Gumaste• 10,460

@NaveenGumaste

Posted over 2 years ago

Hay ! Good Job

These below mentioned tricks will help you remove any Accessibility Issues

-> Add Main tag after body like it should be your container

-> For 1st heading or h1 tag, use header tag and then inside the header put your h1 or h2 etc

-> But use header tag only once in main heading element.

-> your code seems fine to me as per my knowledge, and it works fine on live preview may be some error from the FEM preview

Keep up the good work!

Marked as helpful

Rafi Pramasukma Ekhaputera• 180

@rafiputra2000

Posted over 2 years ago

@Crazimonk Mentor, Thank you for the feedback, hopefully always happy !!!

Rafi Pramasukma Ekhaputera• 180

@rafiputra2000

Posted over 2 years ago

I don't know why when I entered the design comparison design the middle "learn more" button was not aligned with the others even though on the preview site everything looked normal, maybe there is a solution?

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