search

MyraReeves / SchoolAssignments_OnePage

Each of these school assignments asked for a single, stand-alone homepage. The subject matter varies by homework assignment.
https://myrareeves.github.io/SchoolAssignments_OnePage/
0 stars 0 forks source link

Fix display on mobile devices #1

Open MyraReeves opened 5 months ago

MyraReeves commented 5 months ago

The lower part of the Bahia Mar Apartments page (form and video/amenities sections) overruns the display margins when viewed on a mobile device. I need to write the screen size dependent CSS to fix that.

jakebogan01 commented 5 months ago

@MyraReeves

You can add a media query to your CSS, this allows styles to be changed based on screen size.

If you were to add this below into your CSS file at the bottom, this will help fix that issue for now as you continue working on the page :)

`@media (max-width: 1200px) {

exterior {

    flex-direction: column;
}

}`

MyraReeves commented 5 months ago

@jakebogan01 Thanks for the temporary fix until I can get around to finishing the page! The only reason I created an Issue on GitHub was because creating one was a school assignment (for the purposes of gaining greater familiarity with GitHub) within The Tech Academy curriculum that I'm currently enrolled in. Fixing the display on a mobile device wasn't part of the Bahia Mar Apartments homework assignment, but it bugged me. So I decided that that particular to-do item would be what I would write as my GitHub Issue homework assignment. I hadn't realized that even if I self-assigned the Issue it would still show up for the entire GitHub community! It's a good learning point that all Issues are globally advertised within GitHub no matter who they are assigned to! Thank you for having taught me that with your friendly, helpful comment! And thanks, again, for the temporary solution!

^_^

jakebogan01 commented 5 months ago

@MyraReeves No worries, I understand and happy to help!