@Swag-blips
@polinagusakova
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?
How to add transparent color and svg to image.
What specific areas of your project would you like help with?
.
@Swag-blips
Posted
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>
Marked as helpful
@Mimvili
Submitted
What are you most proud of, and what would you do differently next time?
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
@Swag-blips
Posted
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">
Marked as helpful
@Anitanwabasa
Submitted
What specific areas of your project would you like help with?
Any area that needs help
@Swag-blips
Posted
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>```
Marked as helpful
@iwedibah
Submitted
What are you most proud of, and what would you do differently next time?
I am most proud of the fact that i could finish this challenge
@Swag-blips
Posted
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">
@professorofficial
Submitted
What are you most proud of, and what would you do differently next time?
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
@Swag-blips
Posted
Hello Surya, Great work Here is my feedback
Improve alt Attribute:
Fix Typo in .small Class:
Remove Duplicate Rule:
@martinalzc
Submitted
What are you most proud of, and what would you do differently next time?
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
@Swag-blips
Posted
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:
@yasingunaydiin
Submitted
What are you most proud of, and what would you do differently next time?
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.
@Swag-blips
Posted
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.
@Ogo1A
Submitted
What are you most proud of, and what would you do differently next time?
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.
@Swag-blips
Posted
Hello darren
<img src="images/image-victor.jpg" alt="Profile picture of Victor Crest" />
@hannibal1631
Submitted
What are you most proud of, and what would you do differently next time?
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
@Swag-blips
Posted
hey hannibal
HTML Semantics:
Accessibility:
Marked as helpful
@nandahn
Submitted
What are you most proud of, and what would you do differently next time?
Faria a parte responsiva, algo que estou aprendendo no momento
What specific areas of your project would you like help with?
Responsividade
@Swag-blips
Posted
Hello maria, great work!
HTML Semantics: -Consider using semantic HTML5 elements like <header>, <section>, <article>, and <footer> to better define the different parts of your webpage. This improves readability and accessibility. For example, the banner can be wrapped in a <header>, and each section (e.g., preparation, ingredients, instructions, nutrition) can be wrapped in a <section> tag.
Accessibilty:
-There is a missing closing </tr> tag for the Carbs row in the nutrition table. This could cause rendering issues.
Marked as helpful
What are you most proud of, and what would you do differently next time?
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.
@Swag-blips
Posted
Hello Mags, Great work!
Below is my feedback
@P541M
Submitted
What are you most proud of, and what would you do differently next time?
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.
@Swag-blips
Posted
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!