-
Notifications
You must be signed in to change notification settings - Fork 387
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
Project-portfolio #374
base: main
Are you sure you want to change the base?
Project-portfolio #374
Conversation
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.
If you want to keep the dark/light mode styling, you need to account for changing the background color too. Right now I get white text on light pink background, which is not working accessibility wise. Apart from that, please have another look at the design and go through the following questions on all sizes:
- Are all font-sizes according to the design?
- Are all font-families according to the design?
- Are all sizes and distances (margin, padding) according to the design? Are the sections aligned where they should be?
- Are the line-heights according to the design?
- Are the texts center/left aligned according to the design?
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.
It looks really good! I like the colour scheme, the code is easy to read and follow along with. Great job!
flex-direction: column; | ||
align-items: center; | ||
color: white; | ||
font-family: Montserrat; |
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.
Since there are a lot of instances where Montserrat is specified, an option could be to set all h1, h2 etc. to Montserrat in a css file that covers all components, like App.css or index.css
my-react-portfolio/src/projects.json
Outdated
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.
Nice job with the json! Very convenient to add all the needed info in one place and gives you a lot of control over what is displayed. Makes it easy to add endpoints as well, in case you want some more info on your page.
Netlify link
https://amazing-pegasus-a92fd6.netlify.app/