@cuchi300
Submitted
@sayeedmunees
@cuchi300
Submitted
@sayeedmunees
Posted
Hey your site looks so great. A few things I noticed are that your design are having some small different here and there from the actual design. What I noticed the border radius is different and also the profile picture is little larger in your design.
Marked as helpful
@keertyverma
Submitted
What are you most proud of, and what would you do differently next time?
What challenges did you encounter, and how did you overcome them?
What specific areas of your project would you like help with?
@sayeedmunees
Posted
Amazing, it looks so accurate to the actual design. I think you forgot to add box-shadow transition when hovering over the card.
Marked as helpful
@shadazls
Submitted
What are you most proud of, and what would you do differently next time?
Given my current skill level, I use these projects as simple entertainment and reminders for the basics, so I'm not particularly proud of anything. However, I think I would use Bootstrap for responsiveness next time.
What challenges did you encounter, and how did you overcome them?
I find it frustrating that not all color values are provided in projects. For instance, in this project, the border color of the card isn't specified. Additionally, I often struggle with whether to strictly adhere to provided specifications, such as font sizes, to accurately replicate the project. However, due to differences in screen resolutions, following exact measurements may not yield the same result. For example, instead of using fixed pixel values for elements like the card dimensions, I calculate the percentage value from Figma and implement it in my code, but this doesn't always produce the intended outcome.
What specific areas of your project would you like help with?
I would appreciate assistance with responsive design and utilizing flexbox effectively.
@sayeedmunees
Posted
The dimensions of the card are so accurate, as well as the dimensions of the image. When screen size the contents are coming outside the card, you may can fix this by, not hard coding the height and width. Also, try using media queries to make the webpage responsive. Check out this MDN web docs link to know more - (https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Using_media_queries). You may learn more about it from YouTube too. Talking about color you may can use a color picker to make it similar to the given. Front-end Mentor provides a style guide, which contains the colors used.
Marked as helpful
@ryanxora
Submitted
@sayeedmunees
Posted
I liked the way you used the root for colors and font.
@PiyushYadavPY
Submitted
What specific areas of your project would you like help with?
Hi, The only issue I am facing is the project is not repsonsive, it will be very helpful if you can tell me the CSS properties and rules to make the project reponsive.
@sayeedmunees
Posted
Talking about responsiveness, it will be better to take a look at media queries. Media queries are used to make a website responsive. Maybe Youtube or MDN web Docs could help you.