@@ -58,26 +58,65 @@ export default function PictureCard(props) {
5858
5959 return (
6060 < >
61- < Box className = 'containerGray' pt = '30px' pb = '115px' >
61+ < Box className = 'containerGray' pt = '30px' pb = '115px' >
6262 < Container >
63- < Grid container display = "flex" justify = "flex-start" >
64- < Grid item xs = { 8 } md = { 8 } lg = { 5 } align = 'center' className = { classes . item1_img } >
63+ < Grid container display = 'flex' justify = 'flex-start' >
64+ < Grid
65+ item
66+ xs = { 8 }
67+ md = { 8 }
68+ lg = { 5 }
69+ align = 'center'
70+ className = { classes . item1_img }
71+ >
6572 < img src = { items [ 0 ] . src } alt = { items [ 0 ] . alt } />
6673 </ Grid >
67- < Grid item xs = { 8 } md = { 8 } lg = { 5 } className = { classes . item1_txt } >
68- < Typography variant = 'h4' className = { classes . textStyle } > { items [ 0 ] . children } </ Typography >
74+ < Grid item xs = { 8 } md = { 8 } lg = { 5 } className = { classes . item1_txt } >
75+ < Typography
76+ variant = 'h4'
77+ aria-level = '2'
78+ className = { classes . textStyle }
79+ >
80+ { items [ 0 ] . children }
81+ </ Typography >
6982 </ Grid >
70- < Grid item xs = { 8 } md = { 8 } lg = { 5 } align = 'center' className = { classes . item2_img } >
83+ < Grid
84+ item
85+ xs = { 8 }
86+ md = { 8 }
87+ lg = { 5 }
88+ align = 'center'
89+ className = { classes . item2_img }
90+ >
7191 < img src = { items [ 1 ] . src } alt = { items [ 1 ] . alt } />
7292 </ Grid >
73- < Grid item xs = { 8 } md = { 8 } lg = { 5 } className = { classes . item2_txt } >
74- < Typography variant = 'h4' className = { classes . textStyle } > { items [ 1 ] . children } </ Typography >
93+ < Grid item xs = { 8 } md = { 8 } lg = { 5 } className = { classes . item2_txt } >
94+ < Typography
95+ variant = 'h4'
96+ aria-level = '2'
97+ className = { classes . textStyle }
98+ >
99+ { items [ 1 ] . children }
100+ </ Typography >
75101 </ Grid >
76- < Grid item xs = { 8 } md = { 8 } lg = { 5 } align = 'center' className = { classes . item3_img } >
102+ < Grid
103+ item
104+ xs = { 8 }
105+ md = { 8 }
106+ lg = { 5 }
107+ align = 'center'
108+ className = { classes . item3_img }
109+ >
77110 < img src = { items [ 2 ] . src } alt = { items [ 2 ] . alt } />
78111 </ Grid >
79- < Grid item xs = { 8 } md = { 8 } lg = { 5 } className = { classes . item3_txt } >
80- < Typography variant = 'h4' className = { classes . textStyle } > { items [ 2 ] . children } </ Typography >
112+ < Grid item xs = { 8 } md = { 8 } lg = { 5 } className = { classes . item3_txt } >
113+ < Typography
114+ variant = 'h4'
115+ aria-level = '2'
116+ className = { classes . textStyle }
117+ >
118+ { items [ 2 ] . children }
119+ </ Typography >
81120 </ Grid >
82121 </ Grid >
83122 </ Container >
0 commit comments