Submitted about 3 years ago

HTML-CSS-bootstrap

Valerio• 30

@ValerioP-developer

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

This is a solution for...

Stats preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Each good tip for improving is well accepted. Thank you in advance.

Community feedback

Chamu• 13,110

@ChamuMutezva

Posted about 3 years ago

the image is not showing. It might be because of this content: url("images-card/image-header-desktop.jpg"); instead of using it as a background image. Using it as a background image will further allow you to use background-blend-mode to bring the effects on the image.

Marked as helpful

Valerio• 30

@ValerioP-developer

Posted about 3 years ago

@ChamuMutezva Thanks for the tip I was tring to understand the reason ... becouse on heroku works fine with the same approach :) here the link

https://pellegrino-valerio-card-prev.herokuapp.com/

Edgar Badillo• 215

@EdgarBadillo

Posted about 3 years ago

If this your first proyect, i suggest to use pure css and html first, because your Class: are very very large, and hard to read. If you are trying to improve you bootstrap skills, is good.

Nice job.

Valerio• 30

@ValerioP-developer

Posted about 3 years ago

@EdgarBadillo Thanks it is bootstrap practice... but good point :)

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