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

Alfredo

@almendevPortugal50 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

  • Testimonials grid section


    Alfredo•50
    Submitted about 1 year ago

    I would like to know if there is a better way to get the result with less lines of css


    1 comment
  • Four card feature section


    Alfredo•50
    Submitted about 1 year ago

    I would like help to find the same results with less lines of css, specially in the media query section.


    1 comment
  • Product Preview Card Component


    Alfredo•50
    Submitted about 1 year ago

    I would like to fined a better way to define the spaces between the card inner elements.


    2 comments
  • QR-Code Component


    Alfredo•50
    Submitted about 1 year ago

    1 comment

Latest comments

  • Matt Cope•350
    @MatthewPCope
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Starting with a mobile-first approach, next time I'll do this way again.

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

    I had a hard time positioning the big quote mark but I got it as close as I could.

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

    Maybe if someone wants to help position that quote better for desktop and mobile.

    Testimonial grid solution

    1
    Alfredo•50
    @almendev
    Posted about 1 year ago

    Good job! I like your HTML implementation and your CSS classes. I noticed that you're using the same font color for text on cards with non-white backgrounds. However, the cards with non-white backgrounds do not use the same font color. I also recommend using the quote image as a background image. This way, you can fix the overflow issue more effectively.

    Keep coding!

  • Annas-khan•120
    @Annas-khan
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    got to learn how to use grid in a better way

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

    knowing how to implement the grid

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

    none

    Four card feature challenge

    1
    Alfredo•50
    @almendev
    Posted about 1 year ago

    It looks like the design is coming along nicely with just a few adjustments needed.

    Firstly, please check the padding top, which should be 80px for desktop and 85px for mobile. Also, verify the font weight for titles; it appears you're using bold (700), but they should be semibold (600). Additionally, I noticed that the paragraph has an opacity of 50% in the design, affecting the color appearance.

    These are the primary differences I noticed. On a positive note, I want to congratulate you on your effective use of grid for the desktop view. Try to apply the same technique for the mobile view as well.

    Keep coding, you're on the right track!

  • mahmoud17-cmyk•300
    @mahmoud17-cmyk
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud that this maybe the best practice design i have done

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

    The only thing is that I struggle to come up with ideas.

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

    to practice more for gathering ideas

    Responsive design

    1
    Alfredo•50
    @almendev
    Posted about 1 year ago

    It looks great the only thing I found different from the design is the card size, it looks like a zoomed version.

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

    This was a fun exercise to brush up on HTML and CSS basics. It was my first time using Netlify so that was a much appreciated experience. I'm proud of my project's functionality and resemblance to the Figma spec. Next time, I'd like to code faster by following a more structured approach.

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

    Relying on personal judgement to determine the overall design dimensions was a challenge. But iteration won in the end.

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

    Responsive Design is a challenge. I'd appreciate any feedback on 'best practices' to help build an intuitive sense for CSS layout and responsiveness.

    Solution for QR Code Challenge

    1
    Alfredo•50
    @almendev
    Posted about 1 year ago

    First, nice job!. The card looks like the one in the design, you only need to improve the card height by changing the gap between the inner elements and add the shadow present in the design and I guess that's it.

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