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

CSS styling for main, bread list, and detail pages #31

Merged
merged 24 commits into from
Feb 9, 2024

Conversation

dsstevens
Copy link
Contributor

@dsstevens dsstevens commented Feb 9, 2024

What kind of change does this PR introduce?

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)
  • Refactor(DRY-ing up/ reorganizing code, etc.)
  • Small fix (Corrected a typo, removed a comment, etc.)

Issue/feature/bug description:

CSS styling with medium and large breakpoints with new images and overlays in sections.
Added some styling to the navbar and main as well for breakpoints.
Added a welcome message to prompt the user to click a country.
Added screenshots for small CSS issues that will be fixed on the C# second iteration.
I have been the only one to have issues displaying the map like extra space and a lined grid, and we're hoping that those are only local to my display but will correct as needed.
Also noticed that upload was slow, maybe because of the image file sizes; will adjust as needed.
Screenshot 2024-02-09 at 2 01 17 PM
Screenshot 2024-02-09 at 2 01 30 PM
Screenshot 2024-02-09 at 2 02 00 PM

Checklist before requesting a review

  • I ran the code locally and verified that there are no visible errors.
  • I have performed a self-review of my code
  • I have refactored my code before this push
  • The commit message follows our guidelines
  • My code follows the code style of this project.

What’s next:

Forking a copy of this repo as this is our first iteration, connected to the rails BE. We will make a second iteration of the front end to incorporate more fleshed out description for each country and restructured JSON response for recipe structure. Future CSS styling to fix small responsive discrepancies with the new data on the detail page.

Copy link

vercel bot commented Feb 9, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
laboulangerie ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 9, 2024 7:48pm

@dsstevens
Copy link
Contributor Author

Not sure if we need this bit of code for the map on line 8 to possibly fix any map inconsistencies displaying
const maxBounds = L.latLngBounds( L.latLng(-90, -180), L.latLng(90, 180) );
but eslint didn't like it being declared and never used, so I commented it out for now and the CI/CD check has passed

@memcmahon
Copy link

Looks good! I really love your PR template - particularly the type-of designation at the beginning!! Also, really appreciate the images in the PR comment 🙌

Copy link
Contributor

@rsteckline rsteckline left a comment

Choose a reason for hiding this comment

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

Looks lovely! Great attention to detail and troubleshooting with the breakpoints.

@rsteckline rsteckline merged commit 11970a2 into main Feb 9, 2024
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment