Description:

The Single Country template will include a Regions section, displaying the regions that belong to the parent country. These regions are structured as child elements in the file hierarchy and will be displayed using the Destination Card pattern. If there are more than 3 regions, the section should be displayed as a carousel. If there are no regions associated with the country, the Regions section should not display at all.

Requirements:

• Develop a Regions Section for the Single Country template that displays the regions as child elements of the parent country.

  • The regions will be dynamically populated based on the country they belong to.

• Display the regions using the Destination Card pattern.

  • Ensure that the cards are consistent with the overall design and structure of the Destination Card pattern.

• Hide the Regions section entirely if there are no regions associated with the country.

Acceptance Criteria:

• A Regions Section is added to the Single Country template, displaying regions as child elements of the country.
• Regions are displayed using the Destination Card pattern.
• The Regions section does not display if no regions are associated with the country.
• The section is fully responsive and displays correctly across devices.

Resources:

• Figma File

Images:

Additional Notes:

• Test to ensure that the correct regions are displayed based on the parent country, and that the Destination Card pattern is implemented consistently.
• Verify that the section hides correctly when no regions are available.

Information Needed

• @krugazul to add size and time estimate and add sprint