Responsive Profile card component using Bootstrap and Some Custome CSS

Hi @nurularifin83 👋, good job completing this challenge! 🎉

I have some suggestions you might consider to improve your code:

• Use <footer> instead of <div class="row footer">. The <footer> element contains authorship information.

• Once you update the footer container, the footer should be outside the main content.

• The background pattern is for decoration purposes only, so it can be hidden from screen-readers by adding aria-hidden="true" and leaving its alt attribute empty:

<img class="rounded-top-md card-img-top" src="src/media/patterns/bg-pattern-card.svg" alt aria-hidden="true">

• You can display the background image correctly by updating the path:

background: url(../media/patterns/bg-pattern-bottom.svg) bottom -600px right no-repeat, url(../media/patterns/bg-pattern-top.svg) top -500px left -200px no-repeat;

More information.

I hope those tips will help you! 👍

Good job, and happy coding! 😁