Workshop: HTML + CSS Tooltips

Objectives

After completing this workshop you will be able to:

• Design a pricing table
• Utilize object-fit to get images of varied sizes to fit in a layout
• Utilize advanced techniques for managing border radius styles
• Implement media queries for mobile responsive behavior
• Build a tooltip feature using HTML and CSS

Resources

• CSS Tooltip Tutorial
• CSS Before and After Pseudo Selectors
• UI/UX Best Practices for Mobile Tooltips

Made for the students of Bottega University "# April-Dev-Talk"