Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
17
Comments
4

Luis Delgado

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

  • Fylo dark theme landing page (SASS, Mobile First, Flexbox)


    Luis Delgado•365
    Submitted over 4 years ago

    0 comments
  • Mobile first, SASS, Flexbox & Grid


    Luis Delgado•365
    Submitted over 4 years ago

    1 comment
  • Clipboard landing page (Mobile First, SASS, Flexbox, Grid & VanillaJS)


    Luis Delgado•365
    Submitted over 4 years ago

    0 comments
  • Project tracking intro component (Mobile First, Flexbox, SASS & JS)


    Luis Delgado•365
    Submitted over 4 years ago

    0 comments
  • Pricing component with toggle (SASS, BEM, Flexbox & Vanilla JS)


    Luis Delgado•365
    Submitted over 4 years ago

    0 comments
  • Insure landing page using SASS, BEM & Flexbox


    Luis Delgado•365
    Submitted over 4 years ago

    2 comments
View more solutions

Latest comments

  • Fer Siqueiros•30
    @psiqueiros
    Submitted over 4 years ago

    Used Sass

    2
    Luis Delgado•365
    @luisdevworks
    Posted over 4 years ago

    Hello Fer,

    For being your first project, it is very good, I like it.

    About your code, I think you should use better names for the classes, it's just my opinion, I suggest you check the BEM Method, in my case, helped me a lot. The BEM Method is in most cases for bigger projects but as I say, helped me to understand better the context of organizing my code between HTML and CSS.

    I also noticed that the transition from mobile to desktop the background didn't change..

    So I checked your code and you can add this code to fix it

    @media only screen and (min-width: 769px) { //You can add this to change the background body { background-image: url(../images/bg-desktop.png); background-color: hsl(229, 57%, 11%); background-size: 100% 50%; background-position: bottom; background-repeat: no-repeat; }

    Keep doing good work!

  • Sophie•75
    @0sophietaylor
    Submitted over 4 years ago

    First front-end mentor challenge using HTML and CSS

    2
    Luis Delgado•365
    @luisdevworks
    Posted over 4 years ago

    Hello Sophie,

    Looks great for the fact is the first site built from scratch. I have some issue with the design of the indicator, please check if you can fix that.

    Next time it would be great if you learn some responsive design for small gadgets, I'm pretty sure you will improve a lot your design.

    Good Job!

  • Sebastian Urbaniec•170
    @surbaniec
    Submitted over 4 years ago

    Article preview component using BEM&SCSS

    1
    Luis Delgado•365
    @luisdevworks
    Posted over 4 years ago

    Hello Sebastian,

    You're using BEM and SASS in a good way, in my opinion.

    Besides that, I have some observations.

    The color of the share button should be different when it's clicked as you see in the design, you can change the svg code with css and apply using JS when clicks.

    The bottom of the card should have also a border radius.

    And finally, what about the desktop design?

    For everything else, works great, and it's very good for your first challenge!

    Keep going, good work!

  • Luis Delgado•365
    @luisdevworks
    Submitted almost 5 years ago

    Four card feature section

    2
    Luis Delgado•365
    @luisdevworks
    Posted over 4 years ago

    Hello Hendra,

    Thanks for the feedback, I'll check and fix the issues!

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