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

Luis Herrera

@Luis15Herr795 points

Front End Developer. 22 Years.

Latest solutions

  • Newsletter sign-up form with success message - Frontend Mentor

    #bem#sass/scss#styled-components#web-components

    Luis Herrera•795
    Submitted over 1 year ago

    1 comment
  • Results summary component - Scss & Bem

    #accessibility#bem#sass/scss#styled-components#web-components

    Luis Herrera•795
    Submitted over 1 year ago

    0 comments
  • Huddle Landing Page - Scss & Bem

    #sass/scss#bem

    Luis Herrera•795
    Submitted over 2 years ago

    0 comments
  • News Homepage - Scss, Bem & Js

    #sass/scss#bem

    Luis Herrera•795
    Submitted over 2 years ago

    0 comments
  • Blogr Landing Page - Scss, Bem & Js

    #accessibility#sass/scss#bem

    Luis Herrera•795
    Submitted over 2 years ago

    0 comments
  • Sunnyside agency landing page - Scss & Bem

    #bem#sass/scss

    Luis Herrera•795
    Submitted almost 3 years ago

    0 comments
View more solutions

Latest comments

  • newbie•200
    @gidhub48
    Submitted almost 3 years ago

    E commerce page with scss

    #sass/scss
    1
    Luis Herrera•795
    @Luis15Herr
    Posted almost 3 years ago

    Very good work! I recommend you read about the bem methodology. Currently your scss code looks like this, example:

    .main{
    
       div1{
    
           div2{
    
               div3{
    
               }
    
            }
    
        }
    
    }
    
    

    With the bem methodology you maintain the specificity of your classes, making it much easier to maintain the code.

    Example of bem metodology with sames clases from above:

    .main{...}
    
    .main__div1{...}
    
    .main__div2{...}
    
    

    This way it will be much easier for you to make your css code :)

    Marked as helpful
  • Leonardo•160
    @JesusSan998
    Submitted almost 3 years ago

    HTML and CSS

    1
    Luis Herrera•795
    @Luis15Herr
    Posted almost 3 years ago

    You can use a regex expression to validate the email and show the error :)

  • DarkFenix013•390
    @steveflores-013
    Submitted about 3 years ago

    1er. practica QR Card Component

    1
    Luis Herrera•795
    @Luis15Herr
    Posted about 3 years ago

    Buen día amigo, muy buen trabajo para ser tu primera practica.

    En el path de tu imagen, te hace falta un punto para especificar tu ruta.

    actualmente lo tienes asi : <img src="/images/image-qr-code.png" class="img__qr">

    Y deberias tener un punto por delante: <img src="./images/image-qr-code.png" class="img__qr">

    Saludos :)

    Marked as helpful
  • Richard Aiello•340
    @richieAiello
    Submitted about 3 years ago

    Portfolio website built with React 18 and React Router v6.

    #accessibility#parcel#react#react-router#sass/scss
    1
    Luis Herrera•795
    @Luis15Herr
    Posted about 3 years ago

    Amazing work :)

  • Maher•110
    @Maher0551071612
    Submitted about 3 years ago

    I used the html and Css but I couldn't find a free Icon.

    #next
    3
    Luis Herrera•795
    @Luis15Herr
    Posted about 3 years ago

    The cart icon is in the ./images folder.

    Marked as helpful
  • Marco Tullio•90
    @MarcoFranca
    Submitted about 3 years ago

    Responsive landing page using Flex box

    #progressive-enhancement
    2
    Luis Herrera•795
    @Luis15Herr
    Posted about 3 years ago

    Hello, you could use a:

    background-size: cover;

    In your class: .card--img

    So that the background-img of your div: fills all the free space.

    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

Beta Member

This badge is a shoutout to the early members of our community. They've been around since the early days, putting up with (and reporting!) bugs and adjusting to big UX overhauls!

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