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

LeaderBoard Styling #4

Merged
merged 5 commits into from Jan 27, 2022
Merged

LeaderBoard Styling #4

merged 5 commits into from Jan 27, 2022

Conversation

Nicolaswg
Copy link
Owner

@Nicolaswg Nicolaswg commented Jan 27, 2022

Main Point

🦅

  • Add a new style to LeaderBoar Project.
  • Preserved original layout.
  • Plain CSS or CSS framework.

Set up Project 💻

  • remember to run (npm install).
  • run (npm run build) and finally type (npm run start).

Copy link

@er-contreras er-contreras left a comment

Choose a reason for hiding this comment

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

Hi @Nicolaswg ,

Good job so far!
There are some issues that you still need to work on to go to the next project but you are almost there!

almost there

Required Changes ♻️

Check the comments under the review.

Optional suggestions

Every comment with the [OPTIONAL] prefix is not crucial enough to stop the approval of this PR. However, I strongly recommend you to take them into account as they can make your code better.

Cheers and Happy coding!👏👏👏

Feel free to leave any questions or comments in the PR thread if something is not 100% clear.

Please, do not open a new Pull Request for re-reviews. You should use the same Pull Request submitted for the first review, either valid or invalid unless it is requested otherwise.


As described in the Code reviews limits policy you have a limited number of reviews per project (check the exact number in your Dashboard). If you think that the code review was not fair, you can request a second opinion using this form.

src/style.css Outdated
Comment on lines 25 to 30
.header {
display: var(--display-flex);
width: 100vw;
padding: 20px;
margin-bottom: 100px;
}

Choose a reason for hiding this comment

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

  • There is a little overflow that we can fix easily by just changing the width of the header to a percentage instead of the view width(VW).

We want to avoid the next:
Screen Shot 2022-01-27 at 10 59 21

See that blue background right at the end?

Copy link

@elisha2kyakpo1 elisha2kyakpo1 left a comment

Choose a reason for hiding this comment

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

Hi @Nicolaswg,

Your project is complete! There is nothing else to say other than... it's time to merge it :shipit:
Congratulations! 🎉

Cheers and Happy coding!👏👏👏

Feel free to leave any questions or comments in the PR thread if something is not 100% clear.


As described in the Code reviews limits policy you have a limited number of reviews per project (check the exact number in your Dashboard). If you think that the code review was not fair, you can request a second opinion using this form.

@Nicolaswg Nicolaswg merged commit cf1a1a0 into develop Jan 27, 2022
@Nicolaswg Nicolaswg deleted the feature/ft-styling branch January 27, 2022 18:06
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