Building something as minimal as a card involves careful design considerations. A web component implies re-usability in different applications, so a card has to be built with adaptability and accessibility in mind.
For the purposes of this blog, this card will contain the following sub-elements:
- an icon: represented by an svg file
- a heading: contains the icon plus a title and a sub-title
- a body: contains text and possibly images
- the card: a summation of the icon, heading, and body
For a team of four, each member can be responsible for one sub-element, with the card member assisting in the other three to ensure that they function together. This might be the most difficult aspect of the card development process.
If I have learned anything from creating the button component that preceded this, I expect to improve on how I implement css attributes as well as my JS fundamentals.
Top comments (0)