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

Renzorr

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

  • Clipboard landing page


    Renzorr•870
    Submitted about 1 year ago

    0 comments
  • FAQ accordion card - Pure HTML


    Renzorr•870
    Submitted over 1 year ago

    0 comments
  • Interactive card details form (Vanilla JS)


    Renzorr•870
    Submitted over 1 year ago

    0 comments
  • Interactive pricing component (HTML + TAILWIND CSS)


    Renzorr•870
    Submitted over 1 year ago

    0 comments
  • Bookmark landing page (ASTRO + TAILWIND CSS)


    Renzorr•870
    Submitted over 1 year ago

    0 comments
  • Recipe page HTML + TAILWIND CSS


    Renzorr•870
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • Snigdha Sukun•550
    @snigdha-sukun
    Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I was able to use custom font in the project

    @font-face {
        font-family: 'Figtree';
        src: url("./assets/fonts/Figtree-VariableFont_wght.ttf") format('truetype');
    }
    
    What challenges did you encounter, and how did you overcome them?

    I encountered some difficulty while writing the CSS code, particularly in accurately positioning the box vertically for the mobile view. I referred to a few CSS tutorial websites for syntax and values, and after some trial and error, I was able to get it right.

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

    CSS techniques

    Blog preview card

    #pure-css
    2
    Renzorr•870
    @Renzorr
    Posted 8 months ago

    Good job, but here are some changes i would made:

    • Avoid using percentages in some cases
    • For custom fonts you can use woff or woff2

    Good Journey

  • FG-ABC•180
    @FG-ABC
    Submitted over 1 year ago
    What challenges did you encounter, and how did you overcome them?

    I didn't know how to change the img source of an img element based on screen width, so I learned to use background image src changing with media queries from this discussion.

    Responsive Stats Preview Card built with React and Tailwind

    #tailwind-css#vite#react
    1
    Renzorr•870
    @Renzorr
    Posted over 1 year ago

    Did you try using <source> from <picture>? u can check it here

  • Daniel•70
    @RadiantReversal
    Submitted over 1 year ago

    FAQ Accordion

    #sass/scss
    1
    Renzorr•870
    @Renzorr
    Posted over 1 year ago

    Great colorway , also you can make accordions with HTML tags

    here you can check the article:

    https://www.htmhell.dev/adventcalendar/2023/2

    Marked as helpful
  • saidumuhammadyusuf•40
    @saidumuhammadyusuf
    Submitted over 1 year ago

    html and css

    2
    Renzorr•870
    @Renzorr
    Posted over 1 year ago

    Hello

    I see that you should improve your css reset, you can search for it in different articles, the same with the width or height, these should not be fixed

    You can also check the html tags, for example in the avatar section, it should not be a <p> since this is for a paragraph, so you could use a <article>

    Also, using flex:wrap in this challenge doesn't make sense

    Marked as helpful
  • P
    David•1,910
    @lumiuko
    Submitted about 2 years ago

    Skilled e-learning landing page using Tailwind CSS

    #tailwind-css
    1
    Renzorr•870
    @Renzorr
    Posted about 2 years ago

    bro which tailwind course did you see because you're so good at it

  • Khaled Farghly•340
    @KhaledMostafa990
    Submitted over 2 years ago

    Designo multi page website portfolio

    #next#react#typescript#tailwind-css
    1
    Renzorr•870
    @Renzorr
    Posted over 2 years ago

    bro change url

    Marked as helpful
View more comments
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

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