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

Alejandro

@AlexKR7España80 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

  • Profile card component using html and css


    Alejandro•80
    Submitted almost 3 years ago

    0 comments
  • Qr code component html and css


    Alejandro•80
    Submitted almost 3 years ago

    2 comments
  • First project preview card component


    Alejandro•80
    Submitted almost 3 years ago

    0 comments
  • NFT-preview-card using HTML and CSS


    Alejandro•80
    Submitted almost 3 years ago

    1 comment

Latest comments

  • Nenad Cosovic•360
    @nenadmne
    Submitted over 2 years ago

    Email verification page

    1
    Alejandro•80
    @AlexKR7
    Posted over 2 years ago

    It looks really good. As the only fault I will say that it is better that you change the text entry by an input, since if you enter many characters it displaces the button.

    Marked as helpful
  • Milosz Lewandowski•130
    @yerbaMatte
    Submitted over 2 years ago

    Product preview card component

    3
    Alejandro•80
    @AlexKR7
    Posted over 2 years ago

    You have a slight error in the image path so don’t appear.

    the correct code:

    <picture> <source media="(min-width: 616px)" srcset="images/image-product-desktop.jpg" /> <source srcset="images/image-product-mobile.jpg" /> <img class="perf-img" src="images/image-product-desktop.jpg" alt="a head carved out of wood" /> </picture>

    The "/" before images is what makes your image not appear

  • Caio Alberto•20
    @CaioAlberto97
    Submitted almost 3 years ago

    Product Preview Card using flexbox

    1
    Alejandro•80
    @AlexKR7
    Posted almost 3 years ago

    Hello Caio, congratulations on your project

    To make the web responsive you could use media query

    for instance:

    @media (max-width: 650px){
        
        
        .container{
    
    
            background-color: aqua;
    
        }
    
    }
    

    Try to put this code, you will see that when you make it smaller the background color changes.

    You must adapt it to make it look the way you want.

    I hope I've helped

    Marked as helpful
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