Submitted about 3 years ago

Responsive Webpage, using basic Jquery and SASS

jquery, sass/scss

Miguel Ruiz•20

@MikeAngel2

A solution to the Interactive rating component challenge

Preview Code

Solution retrospective

2nd card (Thanks Card) cannot center elements properly, can someone help me with that?

Code

Please log in to post a comment

Community feedback

Byron•2,290
@byronbyron
Posted about 3 years ago
Hi @MikeAngel2

You should be able to center the second card by updating your index.js to set display flex instead of block.
```
$(".Thanks").css('display','flex');
```
This bit of CSS should help to center the text on the second card as well
```
.Thanks {
    align-items: center;
    text-align: center;
}
```
Hope that helps!
Marked as helpful
Kamasah-Dickson•5,570
@Kamasah-Dickson
Posted about 3 years ago
So your star IMG is not showing and also there is no margin left and right on the container. Its spanning horizontally on smaller devices. Hope you fix it. Besides good job, keep coding👍👍

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