列項目 垂直 置中，但項目要向上對齊

[imagine10255]

Describe the need of your request

列項目 垂直 置中，但項目要向上對齊

Proposed solution

    <LarnListSectionRoot>
            <Flex>
                {courses.map((course, idx) => {
                    return <CourseCard
                        key={idx}
                        courseNumber={(idx + 1)}
                        title={course.title}
                        features={course.features}
                    />;
                })}
            </Flex>
        </LarnListSectionRoot>


const LarnListSectionRoot = styled.section`
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 630px;
`;

中間有一個 Flex 那他向上對齊

Alternatives you've considered

No response

Additional context

No response