Small accessibility changes - adding ul to li (#24449)

* adding ul to li

* move ul for just the mobile picker

components/landing/GuideCards.tsx

@@ -20,10 +20,12 @@ export const GuideCards = () => {
 
   return (
     <div>
-      <div className="d-lg-flex gutter-lg flex-items-stretch">
+      <div className="d-lg-flex flex-items-stretch">
+        <ul className="d-flex flex-wrap gutter">
           {(featuredLinks.guideCards || []).map((guide) => {
             return <GuideCard key={guide.href} guide={guide} />
           })}
+        </ul>
       </div>
 
       {!currentCategory && hasGuidesPage && (

components/ui/Picker/Picker.tsx

@@ -40,7 +40,11 @@ function PickerSummaryWrapper({ variant, children }: PickerWrapperPropsT) {
 
 function PickerOptionsWrapper({ variant, children }: PickerWrapperPropsT) {
   if (variant === 'inline') {
-    return <Box py="2">{children}</Box>
+    return (
+      <Box py="2">
+        <ul>{children}</ul>
+      </Box>
+    )
   }
   return (
     <Dropdown.Menu direction="sw" style={{ width: 'unset' }}>