Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
8

Patrick Cuentas Mariano

@PatrickCuentasPerú260 points

Hey you follow me on github 😎

I’m currently learning...

Angular and NestJS

Latest solutions

  • NextJS, TailwindCSS, SwiperJS, Redux-Toolkit, Responsive Design Layout

    #next#react#redux-toolkit#tailwind-css#firebase

    Patrick Cuentas Mariano•260
    Submitted over 3 years ago

    2 comments
  • TodoApp - ReactJS,Tailwind,redux-toolkit,LocalStorage,Drag and Drop

    #accessibility#react#redux-toolkit#tailwind-css#redux

    Patrick Cuentas Mariano•260
    Submitted over 3 years ago

    0 comments
  • QR code component with HTML and CSS

    #accessibility

    Patrick Cuentas Mariano•260
    Submitted over 3 years ago

    3 comments
  • Responsive Design, ReactJS ,TailwindCSS, FlexBox ,Fetch Local Data

    #fetch#react#tailwind-css#jss

    Patrick Cuentas Mariano•260
    Submitted over 3 years ago

    0 comments
  • ReactJS, react-router-dom, tailwindCSS, grid and flexbox

    #react#react-router#tailwind-css#fetch

    Patrick Cuentas Mariano•260
    Submitted over 3 years ago

    0 comments
  • Interactive comments section challenge build with ReactJS-TailwindCSS

    #react#tailwind-css

    Patrick Cuentas Mariano•260
    Submitted over 3 years ago

    1 comment
View more solutions

Latest comments

  • Dmitriy Smirnov•40
    @Teor99
    Submitted about 3 years ago

    NFT preview card

    #sass/scss
    2
    Patrick Cuentas Mariano•260
    @PatrickCuentas
    Posted about 3 years ago

    Good Work, Pixel Perfect style. Keep up coding. Happy coding :)

  • Kevin Mason•280
    @mrfinesse47
    Submitted over 3 years ago

    Responsive NFT preview card component

    #sass/scss
    2
    Patrick Cuentas Mariano•260
    @PatrickCuentas
    Posted over 3 years ago

    I think it's better to use REM units that are based on the font size of the root element.

    Mainly for accessibility issues since users have different default sizes other than 16px for different reasons.

    And when using REM units, the size is based on that default size of each user, which offers a better experience.

    I am not an expert, but I hope you can use my suggestion for a broader search on the subject.

    Greetings ✨

    Marked as helpful
  • brunafields•40
    @brunafields
    Submitted over 3 years ago

    NFT preview card component

    2
    Patrick Cuentas Mariano•260
    @PatrickCuentas
    Posted over 3 years ago

    Good job @brunafields.

    Recommendation:

    • Change the color of the text so that it contrasts more with the background of the card so as not to strain the eyes as much.
  • Asher Price•60
    @Ashen5558
    Submitted over 3 years ago

    css flexbox html5

    2
    Patrick Cuentas Mariano•260
    @PatrickCuentas
    Posted over 3 years ago

    Good job, I would suggest you add javascript to give it life or better learn a framework when you feel with a good base of javascript and be able to handle the requirements that they ask for faster.

    I invite you to see my solution to the same challenge made with ReactJS.

  • Rebekah•800
    @rebekahshaw92
    Submitted over 3 years ago

    HTML, CSS, Sass, Bootstrap 5

    1
    Patrick Cuentas Mariano•260
    @PatrickCuentas
    Posted over 3 years ago

    Hi, I'll help you with a snippet so you can improve the centering of your design in tablet+ resolution.

    @media screen and (min-width:992px){
        body {
             height: 100vh; 
            display: flex;
            flex-direction: column; 
            justify-content: center;
            align-items: center;
        }
    }
    
  • Latif Essam•60
    @latif-essam
    Submitted over 3 years ago

    React, TypeScript, Sass, Flexbox

    #react#typescript#sass/scss
    1
    Patrick Cuentas Mariano•260
    @PatrickCuentas
    Posted over 3 years ago

    Seems you need to zoom fit 150% to look great, good job anyways.

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

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

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