Design comparison
Solution retrospective
I used bootstrap components (the card) to create the majority of the project, is it better practice to use something else?
I am unsure of how to get the text to match up to the sample exactly and was wondering how people went about determining how to mimic the styles.
Community feedback
- @afaiz-spacePosted over 2 years ago
Hey @PandaMajor,
- use flex or grid property to the object center in the body element. no need gives position property use.
Marked as helpful1 - @justmrkhanPosted over 2 years ago
Hello,
- To understand your question, it is acceptable if you use bootstrap. It saves time on big projects. However, it is not important in small component challenges like these.
- Try not to keep links or alt texts empty. Also, you haven't added alt text at all. I suggest adding alt text for screen readers.
- For accessibility purposes, you must add the role tag in main divs and sections for screen readers.
Other than that, I think the other feedbacks cover more topics.
Marked as helpful0 - @RosalkoPosted over 2 years ago
I think there is no harm in using bootstrap components, it just might be a little overkill for such small component, and practising creating such card with pure css might be a good exercise :).
The text doesn't have to always match 100%, but for me it was simply trial and error.
Also, don't forget to use the alt attribute for imgs, as mentioned in the html report ;)
Marked as helpful0
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