# Page Inspector how-tos

Links for various HOW TO's can be found here. These links describe in depth the HOW TO techniques.

- {doc}`CSS Flexbox Inspector: Examine Flexbox layouts <examine_flexbox_layouts/index>`
- {doc}`CSS Grid Inspector: Examine grid layouts <examine_grid_layouts/index>`
- {doc}`Debug scrollable overflow <debug_scrollable_overflow/index>`
- {doc}`Edit CSS filters <edit_css_filters/index>`
- {doc}`Edit Shape Paths in CSS <edit_css_shapes/index>`
- {doc}`Edit fonts <edit_fonts/index>`
- {doc}`Examine Event Listeners <examine_event_listeners/index>`
- {doc}`Examine and edit CSS <examine_and_edit_css/index>`
- {doc}`Examine and edit HTML <examine_and_edit_html/index>`
- {doc}`Examine and edit the box model <examine_and_edit_the_box_model/index>`
- {doc}`Inspect and select colors <inspect_and_select_colors/index>`
- {doc}`Open the Inspector <open_the_inspector/index>`
- {doc}`Reposition elements in the page <reposition_elements_in_the_page/index>`
- {doc}`Select an element <select_an_element/index>`
- {doc}`Select and highlight elements <select_and_highlight_elements/index>`
- {doc}`Use the Inspector from the Web Console <use_the_inspector_from_the_web_console/index>`
- {doc}`View background images <view_background_images/index>`
- {doc}`Visualize transforms <visualize_transforms/index>`
- {doc}`Work with animations <work_with_animations/index>`

```{toctree}
:hidden:
:maxdepth: 1

debug_scrollable_overflow/index
edit_css_filters/index
edit_css_shapes/index
edit_fonts/index
examine_and_edit_css/index
examine_and_edit_html/index
examine_and_edit_the_box_model/index
examine_event_listeners/index
examine_flexbox_layouts/index
examine_grid_layouts/index
inspect_and_select_colors/index
open_the_inspector/index
reposition_elements_in_the_page/index
select_an_element/index
select_and_highlight_elements/index
use_the_inspector_from_the_web_console/index
view_background_images/index
visualize_transforms/index
work_with_animations/index
```
