How can I make a layout respond to its container instead of the viewport?
Use a CSS size container and an `@container` rule to adapt a component to its parent’s available width, rather than the browser window.
Read the guide 4 min read
GEEZ AT WORK
Technology & devices
Questions, practical answers, and useful follow-ups to help you work through the details.
Latest guides
Showing 265–288 of 845 guides
How do CSS attribute selectors match exact values, prefixes, and word lists?
Choose the right attribute-selector operator for exact values, starts and ends, contained text, or individual words in a whitespace-separated list.
Read the guide 5 min read
Why do adjacent vertical margins collapse instead of adding together?
Understand why normal-flow vertical margins merge, reproduce the behavior, and choose CSS spacing that is predictable.
Read the guide 4 min read
How does the :has() selector choose its matching elements?
Learn how :has() anchors a relationship to each candidate element, with descendant, direct-child, and sibling examples plus a debugging checklist.
Read the guide 5 min read
How can I make grid columns share space but keep a minimum width?
Use a flexible Grid track with a minimum size, then let the layout fit as many columns as the container can hold.
Read the guide 4 min read
How can I write a useful Git commit message for a small change?
Use a concise summary that names the change and, when helpful, its purpose; adapt the format to your project and keep details relevant to this commit.
Read the guide 4 min read
How can I document SQLite integrity rules for a small teaching database?
Use a compact, table-by-table reference to record each integrity rule, its purpose, and a concrete example—without turning the document into a migration guide.
Read the guide 5 min read
How can I refactor repeated function code without changing its behavior?
Extract duplicated logic in small steps, compare before-and-after results, and check edge cases so you can spot behavior changes.
Read the guide 4 min read
How can a function docstring explain its contract without repeating its code?
Learn to document a function’s purpose, inputs, result, and meaningful errors with a concise before-and-after example and checklist.
Read the guide 4 min read
How can I make a bug report for a small Python function reproducible?
Give readers the smallest runnable example, exact inputs, expected and actual results, and traceback needed to reproduce a Python function bug.
Read the guide 4 min read
How can I show a refreshing state without replacing the content already on screen?
Keep existing results visible during refresh, show a clear progress message, and distinguish an update failure from an initial load or an empty result.
Read the guide 4 min read
How can I display a retry action without retrying automatically forever?
Separate automatic retries from user-triggered retries, show each attempt clearly, and make repeated failure lead to a visible stop state.
Read the guide 5 min read
How can I overlap two elements using CSS Grid?
Place two Grid items in the same cell or intersecting areas, then size the container and adjust alignment and stacking for the overlay you want.
Read the guide 4 min read
How can I keep grid items aligned when one item is taller?
Learn when to use `align-items` instead of `align-content`, with a CSS example for aligning items at the top of a row.
Read the guide 5 min read
How can I place a grid item across several columns?
Use `grid-column` with a starting grid line and a span count, then check how the other items auto-place around it.
Read the guide 4 min read
How do grid auto-fit and auto-fill change a responsive card layout?
Compare how auto-fit and auto-fill handle empty columns, see matching CSS examples, and choose the behavior that suits your card layout.
Read the guide 4 min read
How can I make one flex item take leftover space?
Use flex-grow on the item that should expand, keep neighboring items from growing, and check what happens when the row has no spare room.
Read the guide 4 min read
How can I align one flex item differently from the rest?
Use `align-self` on one flex item to override the container’s shared cross-axis alignment without changing the others.
Read the guide 4 min read
How can I distribute flex items evenly without using auto margins?
Choose a `justify-content` value to distribute leftover space between flex items and at the container edges, with a copyable example.
Read the guide 4 min read
How do I use details and summary for optional page information?
Learn what belongs in a disclosure label versus its revealed content, with a short HTML example and a checklist for clear summaries.
Read the guide 4 min read
How do I connect a table's row and column headers to data cells?
Learn how to make complex table relationships explicit with header IDs, then review a worked example and checklist.
Read the guide 4 min read
How do I add captions and a transcript to a video in an HTML page?
Add a labeled WebVTT captions track inside the video, then place a clearly labeled transcript or transcript link nearby so viewers can find both.
Read the guide 4 min read
How do I provide captions or a transcript for an audio recording?
Learn when to provide a transcript, where to place it, and how to pair a recording with a clearly labeled text alternative.
Read the guide 4 min read
How do I describe a complex diagram that cannot be explained in one short alt text?
Separate the diagram’s brief alt text from its full explanation, then place the explanation where readers can find and navigate it.
Read the guide 4 min read
YOUR QUESTION. YOUR DETAILS.
Let’s work through your situation.
Get a tailored answer or help with your next task. Starts at $1, with a quote before you pay.