Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adjusting to mobile view (fixes #223) #224

Merged
merged 4 commits into from
Dec 28, 2019

Conversation

OtisRed
Copy link
Contributor

@OtisRed OtisRed commented Dec 6, 2019

Introduces media query in scss that renders classes conditionally depending on the kind of screen that is being used.

How to test it

  1. Check for the errors in console
  2. Test visually preferably using multiple devices view (might wanna use emmet re:view plugin)

@OtisRed OtisRed changed the title Adjusting to mobile view (fixes #223) [WIP] Adjusting to mobile view (fixes #223) Dec 6, 2019
@@ -0,0 +1,2 @@
$phone: 600px;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

where did You get these breakpoints from?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I modeled them after: https://vuetifyjs.com/en/customization/breakpoints
Do you @Bosmanfrx have better suggestion how to define breakpoints?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I was just curious. ;) There is no one set of breakpoints. Maybe we could create map of all breakpoints here?

Copy link
Contributor

@stanislawK stanislawK left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Everything works and looks good.
Little trick which i discovered recently:
if you want to hide some elements for different views, it is built-in class for that which you can add to any element
class="hidden-sm-and-down"

@stanislawK stanislawK merged commit 874b57b into CodeForPoznan:master Dec 28, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants