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

Jacob/chore update landing image media query #326

Conversation

jacobtyq
Copy link
Contributor

@jacobtyq jacobtyq commented Oct 3, 2019

PR Checklist

Please check if your PR fulfills the following requirements:

  • Tests for the changes have been added (for bug fixes/features)
  • Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Feature (please, look at the "Scope of the project" section in the README.md file)
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no API changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • Other... Please describe:

What is the current behaviour?

Issue Number: 234
#234

What is the new behaviour?

Add a media query for screen sizes above 2560px
The following elements will be affected

  • .bg img (width)
  • header img (max-width)
    Sets a width of 1392px for those two elements.

Does this PR introduce a breaking change?

  • Yes
  • No

Other information

Might want to update the image sizes or use responsive images for landing page
https://css-tricks.com/responsive-images-css/

Add a media query for screens bigger than 2560px
- Sets the background images to a width of 1392px.

(xlayers#234)
Make header responsive at screen size bigger than 2560px

(xlayers#234)
@Jefiozie
Copy link
Member

Jefiozie commented Oct 3, 2019

Thank you for your time for this PR. I will review it soon and provide feedback if needed.

Copy link
Member

@Jefiozie Jefiozie left a comment

Choose a reason for hiding this comment

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

Thank you for your PR! Could you make the small changes I requested? After this we will approve and merge it.

src/home/landing/landing.component.css Outdated Show resolved Hide resolved
src/home/landing/landing.component.css Outdated Show resolved Hide resolved
@ghost
Copy link

ghost commented Oct 8, 2019

There were the following issues with this Pull Request

  • Commit: 82b5ff8
    • ✖ message may not be empty
    • ✖ type may not be empty

You may need to change the commit messages to comply with the repository contributing guidelines.


🤖 This comment was generated by commitlint[bot]. Please report issues here.

Happy coding!

@jacobtyq jacobtyq force-pushed the jacob/chore-update_landing_image_media_query branch from 82b5ff8 to 710268f Compare October 8, 2019 15:34
@jacobtyq jacobtyq requested a review from Jefiozie October 8, 2019 15:39
@manekinekko manekinekko merged commit bb73378 into xlayers:master Oct 9, 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.

None yet

3 participants