Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
54
Comments
7
Luis
@luis08201

All comments

  • ChristianM-star•120
    @ChristianM-star
    Submitted 10 months ago

    html & css

    1
    Luis•970
    @luis08201
    Posted 10 months ago

    Great Job :D

  • Veena K Venugopal•90
    @Veena-K-Venugopal
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I am proud of creating a solution similar to the preview even without exact design measurements.

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

    Setting the style to highlight the list of links on hover was a bit challenging as the text color was still white even when I added the required color to the li:hover selector. I fixed this by adding color:inherit to li:hover a selector.

    Responsive social links profile using Flexbox

    2
    Luis•970
    @luis08201
    Posted 10 months ago

    Great job :D.

    Marked as helpful
  • Oleg Tremba•30
    @olegtremba1234
    Submitted 10 months ago

    blog card using html and css

    1
    Luis•970
    @luis08201
    Posted 10 months ago

    Great Job :D

  • P
    Carlos Santana•260
    @cacesasa
    Submitted 10 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud that I was able to completed the challenge.

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

    None for this one.

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

    I will like to keep learning CSS.

    Responsive design using CSS grid.

    1
    Luis•970
    @luis08201
    Posted 10 months ago

    Great Job :D

    Marked as helpful
  • Duced74•30
    @Duced74
    Submitted over 3 years ago

    too hard for me

    2
    Luis•970
    @luis08201
    Posted over 3 years ago

    Hi @Duced74, You're doing an amazing job, Keep trying.

    I saw in your code that you did this page using Bootstrap. Let me give you a feedback:

    Remember how grid system works:

    <div class="container">
      <div class="row">
        <div class="col-sm">
          One of three columns
        </div>
        <div class="col-sm">
          One of three columns
        </div>
        <div class="col-sm">
          One of three columns
        </div>
      </div>
    </div>
    

    I figured out you coded grid systems using row.

    <div class="row">
    <div class="row">
        <div class="col-6">
          One of three columns
        </div>
        <div class="col-6">
          One of three columns
        </div>
        <div class="col-sm">
          One of three columns
        </div>
      </div>
    </div>
    

    replace first <div class="row"></div> to <div class="container"></div>

    I think it is better to specify the column size. Both col were coded <div class="col-6"> replace to <div class="col-xs-12 col-sm-6">

    Just one more thing Naming classes according to content

    <div class="card-features">
                  <div class="card-companies">
                    10k+
                    <p>COMPANIES</p>
                  </div>  
                  <div class="card-template">
                    314
                    <p>TEMPLATES</p>
                  </div>
                  <div class="card-queries">
                    12M+
                    <p>QUERIES</p>
                  </div>
                </div>
    

    I hope this helps you.

    Regards.

    Marked as helpful
  • Azzy dvyastia kesuma•1,425
    @azzykesuma
    Submitted over 3 years ago

    Calculator HTML,CSS,JS

    2
    Luis•970
    @luis08201
    Posted over 3 years ago

    Thank you very much, I based on your project to make the switch color to the calculator. Regards

    Marked as helpful
  • Zakaria71•20
    @Zalaria71
    Submitted almost 4 years ago

    I try to use flex-box and media-query to do it

    1
    Luis•970
    @luis08201
    Posted almost 4 years ago

    Thank you very much. I was struggling with the computer image, as it was taking up more screen width and I noticed the overflow:hidden in the body tag.

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