P
@Matthieu83600
Passionate coder and lifelong learner with a knack for problem-solving. I love building responsive web applications and exploring new technologies. Always eager to improve and share knowledge with the community!
I’m currently learning...JavaScript and exploring front-end frameworks like React. Excited to enhance my skills and create dynamic web applications!
Latest solutions
Testimonials-section
Submitted 5 months ago-
Improving accessibility (contrast, ARIA roles).
-
Optimizing Flexbox for nested containers.
-
Combining Flexbox with CSS Grid effectively.
-
Four card feature master
Submitted 5 months agoI’d appreciate feedback on improving my mobile-first workflow and making my CSS more efficient and scalable. Any tips on enhancing visual hierarchy and accessibility would also be valuable.
Product preview card component
Submitted 5 months agoI’d love feedback on improving my CSS structure, especially in handling spacing and responsiveness more efficiently. Any tips on optimizing code for better performance would also be appreciated!
Recipe page
Submitted 6 months agoI’d like feedback on improving CSS efficiency and best practices for maintaining scalable styles, especially when working with larger projects. Are there better ways to structure my styles to make future updates easier?
Social Links Profile Solution
Submitted 6 months agoI would like feedback on the accessibility of my project, especially how easy it is to navigate the links using a keyboard. Any tips on improving the focus states for interactive elements would also be appreciated.
Blog Preview Card - A responsive card component using CSS Flexbox
Submitted 6 months agoI’m looking for feedback on improving accessibility, particularly for screen readers. I'd also appreciate suggestions for optimizing my CSS for better maintainability and thoughts on whether CSS Grid might work better for this component than Flexbox.
Latest comments
- @Eng-Natole
Love the shadow
- @Alyyyy88@Eng-Natole
your code looks good
- P@a-d14What are you most proud of, and what would you do differently next time?
I learned how to use responsive media which was a fun experience.
What challenges did you encounter, and how did you overcome them?There were no design pages in figma so I had to guess a lot of the paddings and gaps between the elements.
@Eng-Natoleuser code looks good
- @StephengrammyWhat are you most proud of, and what would you do differently next time?
i got better with using the width and max-width properties in css and i can use :root to define variables in css also i am starting to brainstorm more so before i write out any code i kinda imagine it in my head and think about how close it might be to my actual task at hand
What challenges did you encounter, and how did you overcome them?i was unable to perfectly align the items under the Nutrition section so i will check out the review and see how others did theirs and i feel like my code has too many manipulation i was trying a lot of different things to see which one works best so i will try to simplify it better in the future and i suck at giving class name 😂
What specific areas of your project would you like help with?the nutrition section please and i would love to see a better arrangement of css
@Eng-Natole🌟 Great Job on Your Code! 🌟 Your code is well-organized, and I really appreciate how clearly you've structured the recipe! 🥚🔥 The use of semantic elements like <header>, <div>, and <ul> makes the page more readable and improves accessibility. It’s great to see thoughtful structuring in your work—keep it up! 🚀
✨ Small Improvements to Consider: 1️⃣ Unnecessary <p> Tags Inside <li> Elements You don’t need <p> tags inside list items. For example:
html Copy Edit
<li><p>2-3 large eggs</p></li> should be written as: <li>2-3 large eggs</li> This keeps your markup cleaner and avoids extra nesting.These are just small refinements, but overall, your work is fantastic! Keep pushing forward! 💪🔥
- @iNader98@Eng-Natole
Hey! Your code looks great! Love how clean and responsive the layout is. Keep up the awesome work! 🚀
- @Ajibolade123@Eng-Natole
I noticed you used a Google Font in your project, which was provided in the file. Could you share why you chose to link to a Google Font instead of using a system font? I’m curious about your reasoning behind that choice other wise your code is amazing
Marked as helpful
