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

Quentin Lopes

@QLopes22Alpharetta, Ga50 points

Hello! I'm Quentin.🙌 I recently graduated the Digital Crafts Full-Stack Web Developer program🥳, and I'm excited to continue learning from you all and your critiques would help greatly.

I’m currently learning...

🐞 Python 🐛 Sass 🐜 C#

Latest solutions

  • flexbox, media queries, hover actions


    P
    Quentin Lopes•50
    Submitted 9 months ago

    Best practices for clean and efficient code are always welcome.


    1 comment
  • blog_preview_card


    P
    Quentin Lopes•50
    Submitted 9 months ago

    Creating a responsive font size that changes depending on the view size. I am currently studying media queries, but I would love any feedback that is offered.


    2 comments
  • Responsive component using Flexbox and Sass

    #sass/scss

    P
    Quentin Lopes•50
    Submitted almost 2 years ago

    0 comments
  • Product Card Component using html and css flexbox and media queries


    P
    Quentin Lopes•50
    Submitted almost 2 years ago

    0 comments
  • desktop and mobile QR code using Flexbox


    P
    Quentin Lopes•50
    Submitted about 2 years ago

    Specific HTML and CSS best practices are always a big help.


    1 comment

Latest comments

  • ks9927•150
    @ks9927
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of the fact that this project took way less time to do then the previous ones. I was worried that it would be difficult without the figma file but it actually felt more easy.

    Social Links Profile

    2
    P
    Quentin Lopes•50
    @QLopes22
    Posted 9 months ago

    Overall, everything looks accurate visually. The only thing off is centering the main content. For example, I used flexbox on the entire body element to center the main div.

    Great work!

  • AllcodIn•20
    @AllcodIn
    Submitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    About the Blog-Preview-Card project, i'm proud of the flexbox, content width and the responsive design. For the next time i should use css grid instead of flexbox in order to increase my knownledge about this technic

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

    I didn't especially encounter some difficulties when i worked on this project, because thanks to the QR-Code-Component that allowed me to overcome certain problems that i had about flexbox, content width and responsive design.

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

    I should like a help on responsive design because i haven't yet master it perfectly.

    Blog-Preview-Card with HTML and CSS

    1
    P
    Quentin Lopes•50
    @QLopes22
    Posted 9 months ago

    I haven't looked into "landscape orientation" much but that might be where the large white space is coming into view.

  • Irfan•160
    @codebyMM
    Submitted 10 months ago

    QR CODE PAGE USING HTML AND CSS

    5
    P
    Quentin Lopes•50
    @QLopes22
    Posted 10 months ago

    Your code looks very organized, great use of the comments.

  • 1bi7e•10
    @1bi7e
    Submitted almost 2 years ago

    QR Code Component

    2
    P
    Quentin Lopes•50
    @QLopes22
    Posted almost 2 years ago

    In my experience Rem is the go to for fonts but when I use it for widths and heights, I get some funky margin that shifts everything to the left side of the screen.

    Does anyone else have that happen to them?

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