in

0

○What is CSS?○CSS Selectors ○How to Apply CSS ○CSS Specificity

○Colors ○Backgrounds ○Typography

○The Box Model ○Display ○Positioning

○Advanced Selectors ○Pseudo-Classes

○Dropdown Structure ○Dropdown Behavior

○Form Structure ○Form Styling

○Flexbox Basics ○Flexbox Alignment ○Flexbox Items ○Flexbox Layouts

○Website Structure ○Grid and Responsive

○CSS Variables ○Transitions

○Transition Effects ○Keyframe Animation

○Responsive Design

○Table Structure ●Responsive Table Styling

○Resume Structure ○Resume Polish

Responsive Table Styling

Add responsive behavior and cell styling so the table remains usable on mobile.

Step-by-step instructions

Set .table-wrap { overflow-x: auto; } to enable horizontal scroll on small screens.
Style th and td with padding and borders.
Add a media query @media (max-width: 640px) to reduce cell padding/font-size.

Hint 1

1 / 2

HINT 1

Use overflow-x: auto on the wrapper for small screens.

Loading editor…

READY

intercourses

html