-
Notifications
You must be signed in to change notification settings - Fork 88
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
Alex & Axel design-handoff #58
base: main
Are you sure you want to change the base?
Conversation
added fonts and adjusted content to fit mobile media queries
Added a component for carousel and strted to create navbar
Finished navbar layout for mobile
Added testimonial/statement section
Co-authored-by: Alexandra Franzén <[email protected]>
Added dropdown menu and styling
Added component and context for carousel function
added media queries for MakeYourPick.jsx file
* added media queries for two components * fixed responsive app * dropdown media queries
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.
Hello Axel and Alex, congrats for completing your week 12 assignment! The site looks very close to the design and followed most of our requirements. How did you like Styled Components? Seems like you tackled it in the right way and implemented a great result! How cool you made a carousel using an external library! Now the design is not pixel perfect, but that's okay, here's a little things that can be taken into consideration to pass this week's assignment or just to improve it even further:
- “our offerings” section should have horizontal padding of 150px and there should be a gap on 120px in between every section
- in general, check paddings and margins, especially in the footer
- check header and other items alignments (i.e. "explore our camps" button should be left aligned)
- use always format.svg for images when available in the design, this will ensure HQ on any screen size
- accessibility: you scored 74 would be best 95
- remove margin: 8px applied to the body element
- horizontal scrolling to show both items missing on Make Your Pick section
Fix these little things and you're clear! 🌷💪
Netlify link
https://monumental-banoffee-da2acb.netlify.app/
PS. Don't forget to add it in your readme as well.
Collaborators
Add your collaborators here. Write their GitHub usernames in square brackets. If there's more than one, separate them with a comma, like this:
[Xikitita]