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

Edgar Meza

@Edgar-MezaMéxico140 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

  • QR card component whit HTML and CSS

    #accessibility

    Edgar Meza•140
    Submitted over 3 years ago

    1 comment
  • Social proof section solution whit sass, css grid, js

    #sass/scss

    Edgar Meza•140
    Submitted over 3 years ago

    0 comments
  • Profile card component challenge whit SASS

    #sass/scss

    Edgar Meza•140
    Submitted over 3 years ago

    0 comments
  • Social media dashboard with theme switcher using Bootstrap, JS fetch

    #bootstrap#fetch

    Edgar Meza•140
    Submitted over 3 years ago

    0 comments
  • Blogr landing page challenge whit HTML5, CSS and JavaScript

    #accessibility

    Edgar Meza•140
    Submitted over 3 years ago

    0 comments
  • Base Apparel coming soon page whit HTML, CSS and JS

    #accessibility

    Edgar Meza•140
    Submitted over 3 years ago

    0 comments
View more solutions

Latest comments

  • Maura•30
    @maura1
    Submitted over 3 years ago

    Stats Preview Card

    1
    Edgar Meza•140
    @Edgar-Meza
    Posted over 3 years ago

    Excellent job, so that your image can be shown at the top in the mobile view, you could make use of the flex-wrap: wrap property;

  • Paulo Castro•45
    @Dikkas
    Submitted over 3 years ago

    Time Tracking Dashboard

    2
    Edgar Meza•140
    @Edgar-Meza
    Posted over 3 years ago

    Nice work using API Fetch

  • Cody•170
    @Cod-Bigg
    Submitted over 3 years ago

    Flexbox stats preview card component

    2
    Edgar Meza•140
    @Edgar-Meza
    Posted over 3 years ago

    1- you could create a parent element and with the attribute 'background-image: url (path)' place the image in the background, then you create an empty child element and assign a height and width of 100%, and with the Attribute 'background-color' you set the purple color either with rgba or a solid color and you use the 'opacity' property or with 'filter: opacity (1)' to make it transparent.

    2- You can assign the parent element (in your case the text and text2 classes) a width of 100% and the child elements (p tags) distribute it with 30% because they are 3.

    Sorry if there are spelling mistakes as I don't know much English, use a translator.

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