Frontend Mentor | Ruchi's profile

Hassan•940

@hnasser44Submitted over 1 year ago

I'm not sure if the pricing should work like that, is it correct?

Responsive Interactive Rating Component

1

Ruchi•340

@deoruchiPosted over 1 year ago

Congratulations 👏 on completing the challenge!

Yes,the component works correctly as it should be 😁.

1

Abhiram•150

@abhiram-s21Submitted over 1 year ago

1----how to perfectly center the profile img, i have used position...any other ideas?

2----main background image is different than what is given in the challenge how do i resolve that

profile card component flexbox

1

Ruchi•340

@deoruchiPosted over 1 year ago

Congo for completing the challenge!!╰(°▽°)╯

In your challenge you can fix the background by mentioning the image (given) and color all together separated by comas. like this: background: url(images) no-repeat right left, url(images) no-repeat bottom right ,rgb(3, 172, 172);

background shorthand way is used here.

Marked as helpful

1

lord IBE•70

@EmmaibeSubmitted over 1 year ago

making the background responsive was a little challenging.

please I'd like to know the best practices for switching between background images in a responsive design. is just using media query the best or is there some process better?

responsive landing page using flex box and grid layouts

1

Ruchi•340

@deoruchiPosted over 1 year ago

For changing the background images you can use <picture> tag.where you can handle many images of different screen size, resolution, and pixel density.

Media queries works well and good as it allows you optimize the images in your own way depending on the device ,it could be more flexible than picture tag in some cases.

I hope you find this helpful.🙂

Marked as helpful

0