Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
4

https429

@https42970 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • SCSS Solution followed Kevin Powell

    #sass/scss

    https429•70
    Submitted about 1 year ago

    0 comments
  • Responsive Recipe Page


    https429•70
    Submitted about 1 year ago

    asdf


    1 comment
  • Social Links Profile


    https429•70
    Submitted about 1 year ago

    asdf


    2 comments
  • Simple Solution to Blog Preview Card


    https429•70
    Submitted about 1 year ago

    No help required :)


    1 comment
  • Simple Solution to QR Code Component


    https429•70
    Submitted about 1 year ago

    I don't need Help


    1 comment

Latest comments

  • praveen Agandla•60
    @Praveen3009
    Submitted about 1 year ago

    Mobile first page recipe page using HTML,CSS

    1
    https429•70
    @https429
    Posted about 1 year ago

    Hey there, Boss!

    Your code is already pretty solid, but there are always ways to improve or tweak things. Here are a few suggestions:

    1. Alt Text for Images: You've got an image tag with an empty alt attribute. It's a good practice to provide descriptive alt text for images. This helps with accessibility and SEO. For example, you could use alt="Omelette".

    2. Semantic HTML: Consider using more semantic HTML tags. For example, you could use <section> tags to group related content together, like the ingredients and instructions. This can improve accessibility and SEO.

    3. CSS Variables: You're using some colors multiple times in your CSS. You could define these as CSS variables at the top of your file. This makes it easier to maintain and change your color scheme.

    4. Font Loading: You're loading two different fonts using @font-face. Consider using a service like Google Fonts or Adobe Fonts. They can handle the font loading for you and can help improve performance.

    5. Responsive Design: You've got a media query for screens larger than 768px, which is great! You might want to consider adding more breakpoints for different screen sizes to make your design even more responsive.

    6. CSS Organization: Consider organizing your CSS in a more structured way. You could group styles by component or follow a methodology like BEM or SMACSS.

    Remember, these are just suggestions. Your code is already pretty good! Keep up the good work, mate! 🚀

  • ameydabhade•30
    @ameydabhade
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    https://aesthetic-marigold-151a8c.netlify.app/

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

    https://aesthetic-marigold-151a8c.netlify.app/

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

    https://aesthetic-marigold-151a8c.netlify.app/

    Social

    2
    https429•70
    @https429
    Posted about 1 year ago

    It would be more accessable if you would put the Social Media Links into a <ul> <li> element. Also it would be good to put the link text into an <a> tag. Otherwise I like your approach :)

  • Juned Shaikh•80
    @JUNEDSK
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I just wanted to mention that this new card is similar to the old one, but I've added a cool new hover effect to it.

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

    Nothing is challenging in this one

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

    less code less code less code

    Normally I have using html css and media queries

    1
    https429•70
    @https429
    Posted about 1 year ago

    Even though your card is a big taller than the design, I like how you calculated the width of the .card class :)

  • Juned Shaikh•80
    @JUNEDSK
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Feel good to make card and next time will try to change the them

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

    To make it resposive is bit challenging but i have added the media query and its worked

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

    Try to make less div classes name should be proper

    flex and mediaquery

    2
    https429•70
    @https429
    Posted about 1 year ago

    Looks good :)

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub