docs: m.io fixes.

PiperOrigin-RevId: 351426216

Author: joyzhong

docs/code/readme_template.md

@@ -37,14 +37,6 @@ path: /catalog/<COMPONENT_ID>/
 
 # <COMPONENT_TITLE>
 
-<!--<div class="article__asset">
-  <a class="article__asset-link"
-     href="<LINK_TO_CATALOG_SERVER>">
-    <img src="{{ site.rootpath }}/images/mdc_web_screenshots/<SCREENSHOT_NAME>.png"
-    width="<SCREENSHOT_WIDTH>" alt="<COMPONENT_NAME> screenshot">
-  </a>
-</div>-->
-
 <ONE_SENTENCE_FROM_SPEC>
 
 ## Design & API Documentation

packages/mdc-chips/README.md

@@ -9,13 +9,6 @@ path: /catalog/chips/
 
 # Chips
 
-<!--<div class="article__asset">
-  <a class="article__asset-link"
-     href="https://material-components.github.io/material-components-web-catalog/#/component/chips">
-    <img src="{{ site.rootpath }}/images/mdc_web_screenshots/chips.png" width="363" alt="Chips screenshot">
-  </a>
-</div>-->
-
 Chips are compact elements that allow users to enter information, select a choice, filter content, or trigger an action.
 
 ## Design & API Documentation

packages/mdc-icon-button/README.md

@@ -9,13 +9,6 @@ path: /catalog/buttons/icon-buttons/
 
 # Icon buttons
 
-<!--<div class="article__asset">
-  <a class="article__asset-link"
-     href="https://material-components.github.io/material-components-web-catalog/#/component/icon-button">
-    <img src="{{ site.rootpath }}/images/mdc_web_screenshots/icon-toggles.png" width="20" alt="Icon buttons screenshot">
-  </a>
-</div>-->
-
 [Icon buttons](https://material.io/components/buttons/) allow users to take actions, and make choices, with a single tap.
 
 **Note**: For buttons with both icons and text, use the `mdc-button` component. For more information, see the `mdc-button` [docs](../mdc-button).

packages/mdc-image-list/README.md

@@ -9,13 +9,6 @@ path: /catalog/image-lists/
 
 # Image List
 
-<!--<div class="article__asset">
-  <a class="article__asset-link"
-     href="https://material-components.github.io/material-components-web-catalog/#/component/image-list">
-    <img src="{{ site.rootpath }}/images/mdc_web_screenshots/image-list.png" width="294" alt="Image list screenshot">
-  </a>
-</div>-->
-
 MDC Image List provides a RTL-aware Material Design image list component. An Image List consists of several items,
 each containing an image and optionally supporting content (i.e. a text label).
 

packages/mdc-layout-grid/README.md

@@ -9,13 +9,6 @@ path: /catalog/layout-grid/
 
 # Layout Grid
 
-<!--<div class="article__asset">
-  <a class="article__asset-link"
-     href="https://material-components.github.io/material-components-web-catalog/#/component/layout-grid">
-    <img src="{{ site.rootpath }}/images/mdc_web_screenshots/layout.png" width="256" alt="Layout grid screenshot">
-  </a>
-</div>-->
-
 Material design’s responsive UI is based on a column-variate grid layout. It has 12 columns on desktop, 8 columns on tablet and 4 columns on phone.
 
 

packages/mdc-linear-progress/README.md

@@ -9,13 +9,6 @@ path: /catalog/linear-progress/
 
 # Linear Progress
 
-<!--<div class="article__asset">
-  <a class="article__asset-link"
-      href="https://material-components.github.io/material-components-web-catalog/#/component/linear-progress-indicator">
-    <img src="{{ site.rootpath }}/images/mdc_web_screenshots/linear-progress.png" width="586" alt="Linear progress screenshot">
-  </a>
-</div>-->
-
 The MDC Linear Progress component is a spec-aligned linear progress indicator component adhering to the
 [Material Design progress & activity requirements](https://material.io/go/design-progress-indicators).
 

packages/mdc-menu-surface/README.md

@@ -9,13 +9,6 @@ path: /catalog/menu-surface/
 
 # Menu Surface
 
-<!--<div class="article__asset">
-  <a class="article__asset-link"
-     href="https://material-components.github.io/material-components-web-catalog/#/component/menu">
-    <img src="{{ site.rootpath }}/images/mdc_web_screenshots/menus.png" width="178" alt="Menus screenshot">
-  </a>
-</div>-->
-
 The MDC Menu Surface component is a reusable surface that appears above the content of the
 page and can be positioned adjacent to an element. Menu Surfaces require JavaScript to properly position
 themselves when opening.

packages/mdc-menu/README.md

@@ -9,13 +9,6 @@ path: /catalog/menus/
 
 # Menus
 
-<!--<div class="article__asset">
-  <a class="article__asset-link"
-     href="https://material-components.github.io/material-components-web-catalog/#/component/menu">
-    <img src="{{ site.rootpath }}/images/mdc_web_screenshots/menus.png" width="178" alt="Menus screenshot">
-  </a>
-</div>-->
-
 A menu displays a list of choices on a temporary surface. They appear when users interact with a button, action,
 or other control.
 

packages/mdc-select/README.md

@@ -8,13 +8,6 @@ path: /catalog/input-controls/select-menus/
 
 # Select Menus
 
-<!--<div class="article__asset">
-  <a class="article__asset-link"
-     href="https://material-components.github.io/material-components-web-catalog/#/component/select">
-    <img src="{{ site.rootpath }}/images/mdc_web_screenshots/selects.png" width="376" alt="Select screenshot">
-  </a>
-</div>-->
-
 MDC Select provides Material Design single-option select menus, using the MDC menu.
 The Select component is fully accessible, and supports RTL rendering.
 

packages/mdc-snackbar/README.md

@@ -9,13 +9,6 @@ path: /catalog/snackbars/
 
 # Snackbars
 
-<!--<div class="article__asset">
-  <a class="article__asset-link"
-     href="https://material-components.github.io/material-components-web-catalog/#/component/snackbar">
-    <img src="{{ site.rootpath }}/images/mdc_web_screenshots/snackbars.png" width="336" alt="Snackbar screenshot">
-  </a>
-</div>-->
-
 Snackbars provide brief messages about app processes at the bottom of the screen.
 
 ## Design & API Documentation