Responsive card-component using Html, Css and bootstrap
Design comparison
Solution retrospective
I found difficulty in:
-
Adjusting the card size as per the mobile screen or viewport.
-
I was unable to find the font family used in the price.
Community feedback
- @jbidzPosted almost 2 years ago
Hello there, good job completing this challenge
Here are my suggestions you might need to consider
-
To make your component size or width responsive you can use relative units like
vh
,%
,vmin
, etc. -
Fonts and images should be included in the starter files of this challenge. Look for assets folder, there you can find fonts and images used for this challenge. To use the font, all you need to do is to import it to your
css
.
@font-face { font-family: 'font-name'; src: url('path/to/your/font/file.ttf'); } .price__text { font-family: 'font-name'; }
- Additionally, to improve accessibility and to indicate the main content of the website you could wrap your entire component inside the
main
element. This will get rid of the warnings above.
If you find this feedback helpful, please consider to marked this comment helpful
0 -
Please log in to post a comment
Log in with GitHubJoin 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