Remove repeated Footer sections for viewports between 810px and 1024px

[gbogdanova]

🐛 Describe the Bug

In the 810px to 1024px viewport range, footer elements appear duplicated — including the icon, the courses list, and other content blocks. This creates unnecessary repetition and disrupts the layout consistency.

🔄 Steps to Reproduce

Provide the steps to reproduce the behavior:

1. Resize the viewport to a width between 810px and 1024px
2. Scroll down to the footer section
3. Observe that elements such as the icon, courses list, and possibly other content blocks appear duplicated

🏁 Actual Behavior

In the 810px–1024px viewport range, multiple footer elements — including the logo/icon, courses list, and other sections — are displayed twice, causing visual clutter and layout inconsistency.

🏁 Expected Behavior

Each footer element should be rendered only once across all viewport widths. The layout should remain clean and consistent, with no duplicated sections in the 810px–1024px range.

📸 Screenshots

🕹 Device Information

• OS: [e.g. iOS]
• Browser: [e.g. Chrome, Safari], version
• Screen size: [e.g. 820×1180, 912×1368]

ℹ️ Additional Context

Add any other context or information about the problem here.