-
Notifications
You must be signed in to change notification settings - Fork 4
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
Conversation
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
Not sure if we need this bit of code for the map on line 8 to possibly fix any map inconsistencies displaying |
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 🙌 |
There was a problem hiding this 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.
What kind of change does this PR introduce?
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.
Checklist before requesting a review
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.