This Vue.js component, LearningPage, structures a page with a header, main banner, sidebar, and footer. It features a title section displaying "Goal 5: Gender Equality" and content dynamically loaded based on the selected step from the SideBar component. The page uses a grid layout for overall structure and flexbox for content alignment, including dynamic routing to a Community Challenge page when the step value is 4.
This Vue.js component, LearningPage, structures a page with a header, main banner, sidebar, and footer. It features a title section displaying "Goal 5: Gender Equality" and content dynamically loaded based on the selected step from the SideBar component. The page uses a grid layout for overall structure and flexbox for content alignment, including dynamic routing to a Community Challenge page when the step value is 4.