Learning more about grid
What challenges did you encounter, and how did you overcome them?Struggled to make the media query adapt to mobile screens
What specific areas of your project would you like help with?A little more grid help and media query practice
Nice but you have not created the mobile preview
Aucun.
What challenges did you encounter, and how did you overcome them?Aucun.
What specific areas of your project would you like help with?Aucun.
your heading text sizes are imbalance please fix that
Looking Good But You can also improve the user accessibility by using the tags like main, section, figure, article, etc.
The image in the mobile version should stretch to full screen, I came up with negative borders
What specific areas of your project would you like help with?Learn to write clean and minimalistic code
Perfect! Your page is almost similar to the reference Great Job :)
One key thing I am proud of from this project was the practical use of CSS transitions and transforms. I applied these to enhance interactivity—such as subtle hover and focus effects on the social links—making the profile card feel more dynamic and engaging.
Another valuable lesson was learning to build responsive designs without relying heavily on media queries. Instead, I used the clamp() function for widths, paddings, margins, and font sizes, allowing the layout to adapt fluidly across screen sizes with minimal code.
Additionally, I discovered the benefit of using CSS custom properties (variables). Defining global variables improved code maintainability and reusability, especially when working with consistent color schemes and spacing values throughout the project. Specifically, I defined color variables in the :root selector at the top of my CSS file. This allowed me to store commonly used color values in one place and reference them consistently throughout the stylesheet.
What challenges did you encounter, and how did you overcome them?A key challenge I faced during this project was understanding and applying CSS custom variables and pseudo-classes effectively. Initially, I found it difficult to grasp how these features work and how to use them correctly in a real project.
However, by referring to helpful resources such as W3Schools, I was able to overcome this challenge. Their explanations and examples provided me with the clarity I needed to implement custom variables for styling and use pseudo-classes like :hover and :focus-visible to enhance interactivity and accessibility.
This learning experience has strengthened my CSS skills and boosted my confidence in writing more scalable and user-friendly stylesheets.
Nice you are almost there . Everything is perfect just you have to take care of the margin and padding as it is not look similar as the reference. keep going bro :)
I have make this assignment responsive.
What challenges did you encounter, and how did you overcome them?Image overflow issue at smaller-screen sizes. Resolved issue by using media query.
What specific areas of your project would you like help with?How to make website responsive? How to use media queries? How to use container queries? How to use CSS functions(clamp, minmax, min, max etc.)
almost good but there are some issues like the padding you give is little less than it appears also you have to take care of the font size as somewhere the text size is looking different else everything is pretty good give it up :)
