We continue the series with the creation of our first fully responsive Custom Page (Canvas App) Part 3

This video also include some trouble shooting to fix to the responsive app:
A. Fixed Type appearing in phone screen
B. Fixed Photo disappearing in phone screen
C. Fixed Back button appearing in phone screen

Power up Challenge 2024 Walkthrough Series.

1. My Animal Shelter Solution Full Demo -    • 1. My Animal Shelter Solution Full Demo  
2. Intro -    • 2. Animal Shelter Solution (Intro)  
3. Create and Import Shelter Table in the Dataverse Part 1 (Challenge I) - Remastered -    • 3. Create and Import Shelter Table in...  
4. Create and Import Foster Family Table in the Dataverse Part 2 (Challenge I) - Remastered -    • 4. Create and Import Foster Family Ta...  
5. Create and Import Animal Table in the Dataverse Part 3 (Challenge I) - Remastered -    • 5. Create and Import Animal Table in ...  
6. Create a Model Driven App I (Challenge 2) -    • 6. Create a Model Driven App I (Chall...  
7. Add SVG Icons and Logo (Optional Challenge 2) -    • 7. Add SVG Icons and Logo (Optional C...  
8. Create a Canvas App I (Challenge 3) -    • 8. Create a Canvas App I (Challenge 3)  
9. Create a Canvas App II (Challenge 3) -    • 9. Create a Canvas App II (Challenge 3)  
10. Create a Power Automate Flow (Challenge 4) -    • 10. Create a Power Automate Flow (Cha...  
11. Create a Business Process Flow for My Model Driven App -    • 11. Create a Business Process Flow fo...  
12. Create a Custom Page for My Model Driven App I -    • 12. Create a Custom Page for My Model...  
13. Create a Custom Page for My Model Driven App II -    • 13. Create a Custom Page for My Model...  
14. Create a Custom Page for My Model Driven App III - (You are here)
15. Create a Power BI Report I (Challenge 5) -    • 15. Create a Power BI Report I (Chall...  
16. Create a Power BI Report II (Challenge 5) -    • 16. Create a Power BI Report II (Chal...  
17. Create a Power BI Report III (Challenge 5) -    • 17. Create a Power BI Report III (Cha...  
18. Create a Power BI Report IV (Challenge 5) -    • 18. Create a Power BI Report IV (Chal...  
19. Create a Power BI Report V (Challenge 5) -    • 19. Create a Power BI Report V (Chall...  
20. Final Demo (With all new add on features; BPF, Custom Pages and more)

Description
Responsiveness refers to an app's ability to adapt to various screen sizes and form factors, ensuring optimal use of available space and providing a great UI and UX across devices.

Responsiveness allows app elements to:

Stretch or resize with screen changes.
Maintain or change positions with screen changes.
Why build responsive apps?

Users access apps from different devices—phones, tablets, laptops, and desktops—each with varying screen sizes and pixel counts. Designing with responsive principles ensures a great user experience on all devices, even if the app is primarily for web browsers or mobile phones.

Microsoft Learn: https://learn.microsoft.com/en-us/pow...