Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
12

Kimue

@dratinixgithubCOL200 points

Passionate of gaming, web, and server knowledge

Latest solutions

  • 2Responsive default using double background and positioning


    Kimue•200
    Submitted about 3 years ago

    1 comment
  • With mobile 1st triple div and using display: table-cell for desktop


    Kimue•200
    Submitted about 3 years ago

    1 comment
  • Responsive Preview card using aditional device @media


    Kimue•200
    Submitted about 3 years ago

    0 comments
  • QR code simple solution /w margins


    Kimue•200
    Submitted about 3 years ago

    2 comments
  • Order Summary with var + shadow and transform buttons


    Kimue•200
    Submitted about 3 years ago

    0 comments
  • Card solution using vars and 2box containers + absolute overlay


    Kimue•200
    Submitted about 3 years ago

    0 comments

Latest comments

  • Jeisson Gómez•120
    @jeissongomezdev
    Submitted about 3 years ago

    3 Column Preview Card / SASS / GSAP

    #sass/scss#gsap
    3
    Kimue•200
    @dratinixgithub
    Posted about 3 years ago

    Hi, nice approach, here's my feedback

    -I'll sugest bit faster animation because, as an user, it just feel too much time xD

    -Missing desktop version 1140 - 1440px ++

  • João•240
    @joaovxsantos
    Submitted about 3 years ago

    Qr code

    2
    Kimue•200
    @dratinixgithub
    Posted about 3 years ago

    -Add font family as requested in design

    -Check the mobile version as it doesnt work properly.

    Dont be shy to look at youtube to increase knowledge, in order to improve and transfer that to your own projects.

  • ayo keeed•10
    @ayokeed
    Submitted about 3 years ago

    QR-code 1st attempt

    2
    Kimue•200
    @dratinixgithub
    Posted about 3 years ago

    Strongly recommend you to follow this tutorial, to learn in deep how to approach the task

    https://www.youtube.com/watch?v=5BBYPntB-GY

  • Wilmer Nemesio Serrano Arias•40
    @IIpapuII
    Submitted about 3 years ago

    Targeta presen music

    #accessibility
    1
    Kimue•200
    @dratinixgithub
    Posted about 3 years ago

    -Bien, muy buen trabajo. De todos modos, te puedo dar dos pequeños consejos visuales para cambiar el 99% de tu trabajo por un 100%

    Echa un vistazo a esto en el archivo de estilo:

    -Incluir esta única propiedad en .target .bnt-payment

    cursor: pointer;

    -AGREGAR propiedades Hover y Active al botón de pago con estas 2 propiedades completas:

    .target .bnt-payment:hover { transform: translate(-1px, -1px); }

    .target .bnt-payment:active { transform: translate(1px, 1px); }

    Como último consejo, ya de forma 'personal' me gustaría recomendar cambiar el @media de 1440px a 1140px. En mi caso especifico, no pude percibir nada del 1440 a full window si no fue por herramienta de desarrollador. (Claro, debido a que mi anchura no llega hasta allá) Me parece algo mas 'normal user friendly' usar dicha resolución

    Marked as helpful
  • Muyiwa•250
    @muyiwa99
    Submitted about 3 years ago

    NFT-Card

    #sass/scss
    1
    Kimue•200
    @dratinixgithub
    Posted about 3 years ago

    Good approach, here's a couple of things to pulish in orden to get design as good as needed.

    -Try to add :hover attributes as it needs, in the img (as an overlay), EQ name and creator's name

    -Add missing font style

    -Some revitions to design colors and border-radius to card and img

    Marked as helpful
  • Vee•240
    @JunasVee
    Submitted about 3 years ago

    Order Summary Solution by Vee

    #accessibility
    1
    Kimue•200
    @dratinixgithub
    Posted about 3 years ago

    Nice approach to resolution. Its almost perfect but to reach the 100% proyect i'll recommend to remove the footer and style attriubution that style the footer, at the index.

    Also, i've seen in the actual web project, that u fixed the width problem. Nice job.

    Finally, try to tabulate your index file properly for better 'fast-approach'

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