Challenge #3: Responsive Description Table
A description table, commonly displayed on the details page of a product. With grid-based dynamic content resizing.
Success:
- Row Height is determined by cell content
- Texts are always centered vertically
- Label cell and content cell are distinguished
- Respond to width adjustments
Exceed Expectations(Critical Success):
- Column grid system is applied
- Cell width is determined by column grid upon resizing
Legendary Masterpiece:
- Utilizes column-span system, able to directly specify how many column-grids a cell should span across instead of manually dragging
- Cell width is determined by column grid upon resizing