Fixing vertical discrepancies with CSS
I have a "Our menu" webpage automatically created with Drupal 9 Views module which presents a miniature version of each menu dish webpage in that "Our menu" webpage (illustration image below).
The Drupal 9 Views module doesn't allow styling with CSS besides adding theme-dependent classes so generally the output of displaying a miniature version of each menu dish webpage in one single "Our menu" webpage is quite messy as with the following vertical discrepancies:
- No minimal height for the heading areas
- No minimal height for the images
- No minimal height for the notes chapter
What CSS approach will you take to fix the vertical discrepancies?