Skip to content

Hamed R. - #1

Open
HamedRazizadeh-hub wants to merge 1 commit into
HackYourAssignment:mainfrom
HamedRazizadeh-hub:main
Open

HamedRazizadeh-hub wants to merge 1 commit into
HackYourAssignment:mainfrom
HamedRazizadeh-hub:main

Conversation

@HamedRazizadeh-hub

Copy link
Copy Markdown

No description provided.

@rafasilpereira rafasilpereira left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

You forgot to add the screenshots:

  • mobile-screenshot.png — page at 375px, single column, no overflow
  • axe-screenshot.png — axe DevTools run showing zero critical errors

@rafasilpereira rafasilpereira left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Very good work! The page looks great

Comment thread task-1/styles.css
@@ -0,0 +1,334 @@
*,

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Tip: You have a lot of colors in your css, maybe creating custom properties would make it easier to use and avoid duplications?

Comment thread task-1/styles.css
width: 13rem;
height: 13rem;
border-radius: 50%;
object-fit: cover;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Great use of this property: this makes sure that the image appears in good proportion in all screens

Comment thread task-1/styles.css
padding: 1.5rem;
background-color: white;
border: 0.125rem solid #bae6fd;
border-radius: 1rem;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

You only used rem, which is a great approach for responsive design.

Comment thread task-1/styles.css
Comment on lines +22 to +24
main,
footer {
display: grid;

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Why header and footer needs grid template?

@rafasilpereira rafasilpereira added Reviewed This assignment has been reivewed by a mentor and a feedback has been provided and removed Review in progress labels May 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Reviewed This assignment has been reivewed by a mentor and a feedback has been provided

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants