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

Jonas Portfolio #397

Open
wants to merge 16 commits into
base: main
Choose a base branch
from
Open

Jonas Portfolio #397

wants to merge 16 commits into from

Conversation

Jonash189
Copy link

@JennieDalgren JennieDalgren self-assigned this Nov 7, 2024
Copy link

@Maryyy-ux Maryyy-ux left a comment

Choose a reason for hiding this comment

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

Hi Jonas, awesome portfolio project, just left two constructive comments.

align-items: center;
}

@media (min-width: 768px) {

Choose a reason for hiding this comment

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

Smart media queries! Love that! Everything under control and defined. Congrats!

@@ -0,0 +1,36 @@
import React from "react";

Choose a reason for hiding this comment

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

Suggested change
import React from "react";
import React from "react";

Oops, maybe this is a missing pillow. Seems its not required.

Copy link
Contributor

@JennieDalgren JennieDalgren left a comment

Choose a reason for hiding this comment

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

Great job with the projects.

Almost got everything right. Make sure to go through the design again and check all sizes, paddings, widths and spacings.

image

This is an example on where your code differs too much from the design provided.

Keep up the good work! :

@Jonash189
Copy link
Author

@JennieDalgren I have updated the design to better align with the provided mockup. Changes have been made for mobile, tablet, and desktop views. :)

Copy link

@Maryyy-ux Maryyy-ux left a comment

Choose a reason for hiding this comment

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

Perfectly done! Congrats Jonash189

@Jonash189
Copy link
Author

@JennieDalgren @HIPPIEKICK

Copy link
Contributor

@HIPPIEKICK HIPPIEKICK left a comment

Choose a reason for hiding this comment

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

Please go through all spacings another time, here's an example of a thing that is not according to design, it should be 128px top and 64px bottom. Apart from that - check the dark/light mode rules (might be Vite's default) because it looks broken in some places with dark mode on.
Skärmavbild 2024-12-09 kl  11 18 52

Skärmavbild 2024-12-09 kl  11 17 48


color-scheme: light dark;
color: white;
background-color: #242424;
Copy link
Contributor

Choose a reason for hiding this comment

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

Dark light culprit 👀

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.

4 participants