cleaning up

docs/data/material/getting-started/templates/templates.md

@@ -5,13 +5,13 @@ title: 9+ Free React Templates
 
 # React Templates
 
-<p class="description">Browse our collection of free React templates to get started building your app with Material UI, including a React dashboard, React admin panel, and more.</p>
+<p class="description">Browse our collection of free React templates to get started building your app with Material UI, including a React dashboard, React landing page, and more.</p>
 
 <!-- #default-branch-switch -->
 
 ## Free templates
 
-Our curated collection of free Material UI templates includes dashboards, sign-in and sign-up pages, a blog, a checkout flow, and more.
+Our curated collection of free Material UI templates includes dashboards, landing pages, sign-in and sign-up pages, a blog, a checkout flow, and more.
 They can be combined with one of the [example projects](/material-ui/getting-started/example-projects/) to form a complete starter.
 
 Sections of each layout are clearly defined either by comments or use of separate files,

docs/src/modules/components/MaterialFreeTemplatesCollection.js

@@ -1,14 +1,11 @@
 /* eslint-disable material-ui/no-hardcoded-labels */
 import * as React from 'react';
-import NextLink from 'next/link';
-import { alpha } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardMedia from '@mui/material/CardMedia';
 import Button from '@mui/material/Button';
 import Grid from '@mui/material/Grid';
 import Typography from '@mui/material/Typography';
-import Link from '@mui/material/Link';
 import Visibility from '@mui/icons-material/Visibility';
 import CodeRoundedIcon from '@mui/icons-material/CodeRounded';
 import { useTranslate } from '@mui/docs/i18n';
@@ -82,24 +79,22 @@ export default function Templates() {
   return (
     <Grid container spacing={2} sx={{ py: 2 }}>
       {layouts(t).map((layout) => (
-        <Grid item xs={12} sm={4} key={layout.title}>
+        <Grid item xs={12} sm={6} md={4} key={layout.title}>
           <Card
             variant="outlined"
             sx={{
               p: 2,
               height: '100%',
-              background: 'background.paper',
-              borderColor: 'divider',
               display: 'flex',
               flexDirection: 'column',
+              borderColor: 'divider',
             }}
           >
             <CardMedia
               component="img"
               image={layout.src}
               title={layout.title}
               sx={{
-                width: '100%',
                 aspectRatio: '16 / 9',
                 objectPosition: 'top',
                 border: '1px solid',
@@ -113,7 +108,14 @@ export default function Templates() {
             <Typography variant="body2" color="text.secondary" mb={2}>
               {layout.description}
             </Typography>
-            <Box sx={{ display: 'flex', flexDirection: { xs: 'column', sm: 'row' }, gap: 1 }}>
+            <Box
+              sx={{
+                display: 'flex',
+                flexDirection: { xs: 'column', sm: 'row' },
+                gap: 1,
+                mt: 'auto',
+              }}
+            >
               <Button
                 component="a"
                 href={layout.source}

packages/mui-docs/src/translations/translations.json

@@ -176,7 +176,7 @@
   "showSource": "Show code",
   "showTSSource": "Show TypeScript source",
   "signInDescr": "A simple sign-in page using text fields, buttons, checkboxes, links, and more.",
-  "signInSideDescr": "A simple sign-in page with a two-column layout using text fields, buttons, and more.",
+  "signInSideDescr": "A sign-in page with a two-column layout using text fields, buttons, and more.",
   "signInSideTitle": "Sign-in side",
   "signInTitle": "Sign-in",
   "signUpDescr": "A simple sign-up page using text fields, buttons, checkboxes, links, and more.",