Social Section using HTML , CSS , Bootstrap

Hi @shivam-mina 👋

Nice work on this challenge. Its quite responsive as well.

A few suggestions:

1. bg-pattern-bottom is not positioned at the bottom in Mobile. You could define images as background-image and position them using background-position as follows: body{ background-image: url(images/bg-pattern-bottom-mobile.svg),url(images/bg-pattern-top-mobile.svg); background-repeat: no-repeat,no-repeat; background-position: right bottom, left top; }
2. Include more Media queries for different viewport size, as ratings section is not much responsive with width 1000px to 1400px.
3. Testimonial section has spacing and image size issue. This can be handled with media queries as stated above.

CSS Flexbox and CSS GRid would be a good add-on.

Happy Coding 😊.

Hello @shivam-mina 👋

Excellent work in this challenge. I would recommend you learn about CSS Grid and Flexbox.

Happy coding and Happy new year 😊.

Hello there, SHIVAM MINA! 👋

I just wanted to say, congratulations on completing your first Frontend Mentor challenge! 🎉 Good work on this one! 👍

I just suggest taking a look at your solution report and trying to clear up some of the errors there. For example, it's better to use forward slashes rather than backslashes when specifying file paths in your code, and it's recommended to only put spans inside of spans (not divs inside of spans, since divs are block-level elements). 😉

Keep coding (and happy coding, too)! 😁