The index.html page located in server\djangoapp\templates\djangoapp\ does not have the viewport meta tag. This tag is essential for responsive design I believe students would want to view their results on their mobile phones sometimes to see what it looks like.
I'm following the tutorial here https://learning.edx.org/course/course-v1:IBM+CAD0321EN+1T2021/home and after the first section where we add the bootstrap navbar, my result on mobile looks like the image below and I have to zoom.
But when I add the viewport meta tag, it becomes better.
It becomes bolder and student's no longer have to zoom in whilst using their mobile devices.
With the meta viewport applied, new additions to the index page or other pages (if extended) would be clearer and more responsive.
@ravahuja @upkarlidder @shiningbox @michaellzc
The
index.htmlpage located inserver\djangoapp\templates\djangoapp\does not have the viewport meta tag. This tag is essential for responsive design I believe students would want to view their results on their mobile phones sometimes to see what it looks like.I'm following the tutorial here
https://learning.edx.org/course/course-v1:IBM+CAD0321EN+1T2021/homeand after the first section where we add the bootstrap navbar, my result on mobile looks like the image below and I have to zoom.But when I add the viewport meta tag, it becomes better.
It becomes bolder and student's no longer have to zoom in whilst using their mobile devices.
With the meta viewport applied, new additions to the index page or other pages (if extended) would be clearer and more responsive.
@ravahuja @upkarlidder @shiningbox @michaellzc