Skip to content
OverviewSolutions
37
Comments
3
pettik
@pettik

All comments

  • arowstev•120
    @arowstevSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    The table.

    What challenges did you encounter, and how did you overcome them?

    To color the li list bullect point, I check online for assistance

    What specific areas of your project would you like help with?

    I find it difficult to space the decimal li list from the paragraph, I will need asisstance

    Recipe-Page-Main

    1
    pettik•580
    @pettikPosted 8 months ago

    I greatly appreciate your effort, and overall, you have everything essential that should be on the page. However, the initial moment that caught my attention was the overall appearance of the website. I recommend trying this challenge again following the instructions in the following Youtube video.

    It’s essential to learn a different approach to creating the overall foundation of a website. Keep learning! 😊💪

    0
  • al-dell•190
    @al-dellSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud to have used CSS Grid in this challenge and plan to use it in future projects.

    What challenges did you encounter, and how did you overcome them?

    A challenge I faced was accurately replicating the project design and adjusting it for smaller screens.

    What specific areas of your project would you like help with?

    Feedback is appreciated.

    Social Links Profile Solution w/ CSS Grid

    1
    pettik•580
    @pettikPosted 8 months ago

    Well-organized code. Great job! 👍 As a small recommendation, I can suggest introducing other colors into the root for variables. While --primary-color is mentioned, other colors are listed in HSL. Kudos for using the modern CSS Grid system. Well done 🌟!

    0
  • Augusto C•140
    @weslei573Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Have completed, with ease

    What specific areas of your project would you like help with?

    the space between the TAPs could be improved

    Blog Preview Card Main

    1
    pettik•580
    @pettikPosted 8 months ago

    Your HTML and CSS code is well-structured and clean, which is great! Here's some feedback:

    Positive Points:

    1. Semantic HTML: You've used semantic HTML tags like <header>, <section>, and <article>, which helps with accessibility and SEO.
    2. CSS Variables: You've used CSS variables for colors, which makes it easier to maintain and change the color scheme if needed.
    3. Responsive Design: You've used media queries to make your design responsive, which is a crucial aspect of modern web design.
    4. Forked CSS files: for styles, media and fonts - great idea!

    Areas for Improvement:

    1. Alt Text: The alt attribute for the image could be more descriptive. Instead of "Avatar de Imagem", consider something like "Profile picture of Greg Hooper". This would be more helpful for screen readers.
    2. Font Loading: You've loaded multiple fonts using @font-face. Consider using a service like Google Fonts, which can make font loading more efficient and easier to manage.
    3. CSS Organization: While your CSS is fairly well-organized, you could improve it by grouping related styles together or commenting sections of your CSS for better readability.
    4. Missing description in Github Readme.md file

    Overall, great job!👍 Keep practicing to continue improving your skills. 🚀

    Marked as helpful
    0