Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
5
Comments
21

Miguel Angel

@77iuArgentina270 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

  • Componente de tarjeta de vista previa de 3 columnas

    #animation#emotion#fresh#vite#ember

    Miguel Angel•270
    Submitted almost 2 years ago

    1 comment
  • stats-preview-card-component using only CSS HTML

    #accessibility#contentful#emotion#fresh#bem

    Miguel Angel•270
    Submitted over 2 years ago

    0 comments
  • nft_preview_card_component using only HTML and CSS

    #accessibility#emotion#fresh#lighthouse#bem

    Miguel Angel•270
    Submitted over 2 years ago

    0 comments
  • product-preview-card-component con grid - flex media queries

    #contentful#emotion#foundation#progressive-enhancement#react

    Miguel Angel•270
    Submitted over 2 years ago

    1 comment
  • Componente QR using grid y flex

    #accessibility#fetch#redux#vue#emotion

    Miguel Angel•270
    Submitted over 2 years ago

    0 comments

Latest comments

  • LuizHR06•10
    @LuizHR06
    Submitted almost 2 years ago

    Basic page with QR code

    1
    Miguel Angel•270
    @77iu
    Posted almost 2 years ago

    It is the simplest and most perfect solution I have seen. Worthy of studying it in depth for future projects. Congratulations on this exercise👏👏👏

  • Trottie McQueen•80
    @trottiemcqueen
    Submitted almost 2 years ago

    QR Code

    #accessibility
    2
    Miguel Angel•270
    @77iu
    Posted almost 2 years ago

    Hello!

    I see many differences between your solution and the original project, I suggest you open the example jpg with paint and check when it measures the letter, also check the font and color specifications that appear in the help.

    Another good practice is to place on the body:

    max-width:1440px;

    height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    when you do it remove margin from the container and This way your work will always be focused 👍

    I invite you to review my solution to that exercise, like you I am also learning but maybe it will be useful for you to review it, if so please let me know 😃.

    And if you would like to learn new hover effects visit: (https://youtube.com/@77iu-CSS?si=eZRiGOHmWkn5qPI8)

    If you like it please subscribe and share 🙏

    Greetings from Argentina!

    Marked as helpful
  • Joel•40
    @JoelKS100
    Submitted almost 2 years ago

    QR Component Solution HTML/CSS

    1
    Miguel Angel•270
    @77iu
    Posted almost 2 years ago

    It looks great!!!👍

    If you would like to learn new hover effects visit:

    (https://youtube.com/@77iu-CSS?si=eZRiGOHmWkn5qPI8)

    If you like it please subscribe and share 🙏

    Greetings from Argentina!

  • Mii•40
    @mcodes97
    Submitted almost 2 years ago

    NFT preview

    1
    Miguel Angel•270
    @77iu
    Posted almost 2 years ago

    Hello!

    Your solution turned out very well, but if you notice it is smaller than the original project, I suggest you open the example jpg with paint and check when the letter measures.

    Another good practice is to place on the body:

    max-width:1440px;

    height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    when you do it remove margin from the container.

    This way your work will always be focused.

    I invite you to review my solution to that exercise, like you I am also learning but maybe it will be useful for you to review it, if so please let me know 😃.

    And if you would like to learn new hover effects visit

    (https://youtube.com/@77iu-CSS?si=eZRiGOHmWkn5qPI8)

    If you like it please subscribe and share 🙏

    Greetings from Argentina!

  • Stephen Starc•70
    @StephenStarc
    Submitted almost 2 years ago

    3 Column Preview Card Component

    1
    Miguel Angel•270
    @77iu
    Posted almost 2 years ago

    hey! That background is amazing! It has motivated me to try it🤔.

    I suggest you look better at the responsive area, to begin with the container of the three columns should have flex-direction:column

    I invite you to review my solution to that exercise, like you I am also learning but maybe it will be useful for you to review it, if so please let me know 😃.

    Greetings!

  • Ahmed Khalifa•10
    @IamAhmedKhalifa
    Submitted almost 2 years ago

    Completed QR code challenge using HTML & CSS

    #foundation
    1
    Miguel Angel•270
    @77iu
    Posted almost 2 years ago

    Hello, I'm Miguel

    So that main or any other element is centered, I suggest the following:

    body{ max-width:1440px; height:100vh; display:flex; align-items:center; justify-content:center; }

    Tell me if this information was useful to you 😃.

    If you like animated buttons I invite you to visit [https://youtube.com/@77iu-CSS?si=sbpP_EDa8PN6Zvak]

    Greetings from Argentina!!👋👋👋

    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

Mentor of the Week - 2nd Place

This badge is awarded to the 2nd placed community member on the weekly Wall of Fame.

Fun fact

Keypunches were used in early computing to punch precise holes in stiff paper card. The punched cards were then used for data input, output, and storage. No code linters or auto-complete suggestions to help out back then! 😅

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