Lord-Zethes
@Lord-ZethesAll comments
- @Fikerte-TSubmitted about 1 month ago
- @mostafa-hshSubmitted about 2 months ago@Lord-ZethesPosted about 2 months ago
Layout: Your use of Flexbox and Grid effectively creates a clean, structured design, especially for a feature section. Consistency: Your CSS is organized, and the design is responsive across screen sizes, which is a great achievement.
1 - @KapteynUniverseSubmitted 2 months agoWhat are you most proud of, and what would you do differently next time?
Learned picture element. I am getting used to use semantics, variables. Also designing mobile first felt odd, i will try it a couple more times but i don't know.
What specific areas of your project would you like help with?For the "PERFUME" word i used figcaption tag first but couldn't figure out how to put it right side on the desktop version.
- @Jhonatanjacome07Submitted 2 months ago
- @basitali07Submitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I am very proud of my HTML and CSS skills but unfortunately i am facing difficulty on media quaries! so i want to focus on media quaries nex time.
What challenges did you encounter, and how did you overcome them?I face challenge on the part of the anchor tags i was not able to do the alignment correctly but after thinking and recalling my notes i become capable to do do challenge easily!
below are the code snippets at which part i face difficulty:
GitHub Frontend Mentor LinkedIn Twitter Instagram
What specific areas of your project would you like help with?a{ text-decoration: none; color:hsl(0, 0%, 100%); display: block; background-color:hsl(0, 0%, 20%); margin-bottom: 10px; width:65%; margin:15px auto; border-radius: 10px; padding: 15px 26px; font-size: 0.875rem; font-weight: 600; }
I need help on the css media quaries!
@Lord-ZethesPosted 3 months ago- Fix Tag Mismatch: Correct the closing tag for the
<h2>
element (</h2>
instead of</h3>
). - Verify Paths: Ensure paths to favicon and images are correct relative to the HTML file location.
- Enhance Alt Text: Provide a more descriptive
alt
attribute for the profile photo. - Improve Accessibility: Add
aria-labels
or roles where necessary for better accessibility. - SEO Optimization: Consider adding a meta description and keywords for improved search engine visibility.
- Link Completion: Make sure all social media links are functional or provide placeholders if not available.
- CSS Styling: Ensure
style.css
is properly linked and check if styles are correctly applied.
Marked as helpful0 - Fix Tag Mismatch: Correct the closing tag for the
- @Limpi23Submitted 3 months ago@Lord-ZethesPosted 3 months ago
Hey the solution looks Great, few notes.
-The rectangle Size is a little small.
-If you make your "HTML and CSS foundation" an <h2> it will look correct.
-The name placement of Greg Hooper should be a little lower.
Marked as helpful1 - @ThisIsArtiSubmitted 3 months agoWhat are you most proud of, and what would you do differently next time?
I am proud of the structure of the CSS, using :root. It has helped to organise the CSS and make it easier to add code for various elements.
What I would do differently next time is spend more time at the start, understanding what the project consists of.
Next time I would use my notes and examples less, and not be scared to make errors.
What challenges did you encounter, and how did you overcome them?My initial challenge was understanding where to start. It was daunting at first, but helped to break down each component. Once I understood the individual elements, I was able to see how I could code them.
I had trouble with the box models, and arranging the elements. I overcame this by remembering to start from the biggest, and work my way to the smallest, elements. I started with the body, and worked my way down.
What specific areas of your project would you like help with?I would like help to ensure that the code is responsive.
I would also like any feedback as to how it can be improved.
@Lord-ZethesPosted 3 months agoI don't have much experience in css or html but the site looks great on both mobile and desktop
The only minor things i noticed were the font size appear to be a little off from the original.
Marked as helpful0