.
What challenges did you encounter, and how did you overcome them?How to add transparent color and svg to image.
What specific areas of your project would you like help with?.
Hello polinagusakova, Great work, Hope this feedback helps.
Meta Tags for SEO: Consider adding meta tags for better search engine optimization and social media sharing.
Ensure the alt attributes for images are descriptive for better accessibility.
Link Accessibility:Provide a descriptive link text or aria-label for better accessibility:
<a href="#">Coded by Polina</a>
i am proud of centering the social card in the middle of the webpage.
What challenges did you encounter, and how did you overcome them?how to center the social card and i overcame it by display:flex; , justify-conten:center; , align-self:center;
What specific areas of your project would you like help with?i need help in media query, how to place rule for mobile and desktop design
Hello Brown, Great work, here is my feedback hope it helps.
Meta Tags for SEO: Consider adding meta tags for better search engine optimization and social media sharing.
Link Attributes:The alt attribute is not valid on a <link> element. Remove it from the favicon link.
Image Accessibility: Ensure the alt attribute for the image is descriptive:
<img src="IMG-20240510-WA0031.jpg" alt="Profile picture of Mimvili Brown">
Any area that needs help
Hello Anita,Great work, here is my feedback, I hope this helps
Meta Tags for SEO: Consider adding meta tags for better search engine optimization and social media sharing.
Link Attributes:The alt attribute is not valid on a <link> element. Remove it from the favicon link:
Button Accessibility:Add an aria-label to the button for better accessibility:
<img src="carticon.svg" alt="Shopping cart icon"> Add to Cart </button>```
I am most proud of the fact that i could finish this challenge
Hello KingX, Great work. Here is my feedback
Meta Tags for SEO: Consider adding meta tags for better search engine optimization and social media sharing. For example:
<meta property="og:title" content="Frontend Mentor | Order summary card"> <meta property="og:description" content="Order summary card project from Frontend Mentor.">``` **Correct the favicon type. The current type image/x-pneg seems to be a typo. It should be image/png:** <meta property="og:image" content="illustration-hero.svg">
fh
What challenges did you encounter, and how did you overcome them?fdh
What specific areas of your project would you like help with?gch
Hello Surya, Great work Here is my feedback
Improve alt Attribute:
Fix Typo in .small Class:
Remove Duplicate Rule:
I'm proud of how it came out i thought i wouldn't be abble to make it look that good- I'm also proud that this time i found out how to center the card without using any weird theqniques
What challenges did you encounter, and how did you overcome them?For me is a challenge make the font sizes smaller for mobile without media queries because i actually have no idea how to do that so i just used media queries instead for the moment. Another challenge I encountered was to make the hover title yellow without making all the texts yellow, I overcame that by assigning the color black directly to the other texts instead of leaving them black as default and I was able to achieve it.
What specific areas of your project would you like help with?i would like to know how to make font sizes smaller for mobile without using media queries
Hey martinna, great work
Descriptive Alt Text: Provide descriptive alt text for all images for better accessibility.
CSS Class Naming Convention: Ensure that class names are meaningful and follow a consistent naming convention, such as BEM (Block Element Modifier).
Accessibility
Alt Text for Images: Always include meaningful alt text for images:
It was an easy project. I learned to copy a website though. That was a first.
What challenges did you encounter, and how did you overcome them?I had one challenge. That was using the designated font. I havent been able to use it now either. I know how to use it. You put the font code you get from google inside the header, doesn't work, put @import code into CSS, didnt work either. Tried mixing it up and even did things that didn't make sense but nothing. CSS file has connected successfully so thats not it.
What specific areas of your project would you like help with?None.
Hello yasin, Great work!
Consistency in Units: While you use px for most sizes, consider using relative units like em or rem for padding and margins to make the layout more flexible and scalable.
Media Queries: Introduce media queries to handle responsiveness for smaller devices.
Accessibility: Ensure text colors have sufficient contrast with the background for better accessibility.
i have been able to understand the use of containers and the proper place to place the containers this has helped me to be able to divide my work progressively.
What challenges did you encounter, and how did you overcome them?I had a no challange in this particular state
What specific areas of your project would you like help with?i would like help with the use of git hub and also more use of html and css.
Hello darren
<img src="images/image-victor.jpg" alt="Profile picture of Victor Crest" />
NA
What challenges did you encounter, and how did you overcome them?I faced a huge challenge while doing the background image. But with the help of chatGPT, i figured it out and learned something new.
What specific areas of your project would you like help with?NA
hey hannibal
HTML Semantics:
Accessibility:
I dont know how to validate the form properly or if using the things I did is any close to what you would normally use. Thankx.
Hello Mags, Great work!
Below is my feedback
Having not touched HTML/CSS in a while, I think my first project was fairly good.
What challenges did you encounter, and how did you overcome them?I completely forgot how to work divs and struggled with centering and overall manipulation. Given that my solution is only partially completeled. I plan on reviewing more on overall div properties.
What specific areas of your project would you like help with?Responsive design is something I have yet to brush up on and would love to learn more about it.
Hello pslam, here is my feedback
font-family: 'Outfit', sans-serif; background-color: #f0f0f0; height: 100vh; margin: 0; display: flex; align-items: center; justify-content: center; }``` Hope this helps!
writing the javascript to mark all the messages as read proved to be very difficult and i tried everything i could butstill could seem to get it right, any help with be appreciated
Hello fansisi, Here is my take
Accessibility and Semantic HTML:
