Skip to content

Adding viewport meta tag to index.html #90

Open
@KramStyles

Description

@KramStyles

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.

image

But when I add the viewport meta tag, it becomes better.

image

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions