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

Quocc1

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

  • Plain CSS


    Quocc1•70
    Submitted about 1 year ago

    Nah


    1 comment
  • Plain CSS


    Quocc1•70
    Submitted about 1 year ago

    Nah


    1 comment
  • Plain CSS


    Quocc1•70
    Submitted about 1 year ago

    Nah


    1 comment
  • Plain CSS


    Quocc1•70
    Submitted about 1 year ago

    Nah


    1 comment
  • Plain CSS


    Quocc1•70
    Submitted about 1 year ago

    Nah


    1 comment

Latest comments

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

    This was the first Frontend Mentor project where I took a mobile-first approach. I think the look of the preview card for mobile and desktop screen sizes is well accomplished. Also this didn't take as much time as I thought it would, even though I could still invest a little more time in polishing some bits.

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

    The whole going from mobile to desktop was a bit of a challenge. However, the trickiest part was changing the img element's src according to the screen size. Ultimately I found a simple solution, but it took me a bit of time to figure it out.

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

    Same as last time, the breakpoints for media queries are still something I struggle with. Also, for the sake of brevity, I just used the breakpoints for 475 and 1024px screens, so the transition from one to the other is really messy. I intend to work on implementing a solution to make the whole transition more steadily responsive.

    Product Preview Card project

    2
    Quocc1•70
    @Quocc1
    Posted about 1 year ago

    Almost perfect. Keep going!

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

    I'm quite proud of the overall design of the desktop layout as I think it's faily close to the model. The same cannot be said about the mobile layout since my use of media queries is not neccesarily elegant or clean.

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

    Finding the best breakpoint for the media queries was quite hard since even adhering to some standars breakpoints didn't seem to achieve the results I wanted. Other than that, the styling of lists was done in what I believe to be a suboptimal fashin.

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

    I resorted to using some awkward span elemts to style the space between the bulletpoints and the text of lists. I'm wondering if there's a better way of doing this.

    Recipe page project

    1
    Quocc1•70
    @Quocc1
    Posted about 1 year ago

    Good stuff, keep going!

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

    Esses ultimos dias depois de praticar, dessa vez consegui terminar antes do tempo chegar a uma hora.

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

    Nos medias queries, mas não sei se posso dizer que consegui superar esse desafio ainda.

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

    Estrutura HTML, Reutilização de código de CSS e Responsividade usando Media Queries.

    Social Link Perfil

    1
    Quocc1•70
    @Quocc1
    Posted about 1 year ago

    Look good bro, keep going

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

    Am proud of the fact that i could create this blog myself.

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

    i faced the challenge of media queries

    I also faced the challenge of knowing when to use vh and % when setting my height

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

    A general overview especially on the area of the height

    i used html and css

    1
    Quocc1•70
    @Quocc1
    Posted about 1 year ago

    Bro that suck

  • Tshegofatso Motlhakane•20
    @tshegofatso-motlhakane
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am mostly proud of the fact that I was able to position and size everything without referring to a lot of tutorial and external help.

    I also learned how to host on github, which is super cool.

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

    So far the challenge was fair

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

    I would love feedback on how I tackled the solution , was it reasonable or should I make changes.

    I built a simple webpage with a QR code component

    1
    Quocc1•70
    @Quocc1
    Posted about 1 year ago

    Look good bro, keep going!

    Marked as helpful

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

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