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

Derwing Medina

@derwingBogotá200 points

Life changes and we are transformed in the process... Today my transformation path leads me towards software development. Creating new products and services to improve the quality of life of users.

I’m currently learning...

Flutter

Latest solutions

  • Rest Api Country using angular + primeng +primeflex + animateCSS

    #angular#animation

    Derwing Medina•200
    Submitted over 2 years ago

    1 comment
  • Responsive Multi-step form using Angular, Angular Material, Bootstrap

    #angular#bootstrap#material-ui#typescript

    Derwing Medina•200
    Submitted over 2 years ago

    0 comments
  • Responsive notification app using Angular + Bootstrap5

    #angular#bootstrap

    Derwing Medina•200
    Submitted over 2 years ago

    0 comments
  • Responsive Web Design Using Tailwind CSS

    #tailwind-css

    Derwing Medina•200
    Submitted over 2 years ago

    0 comments

Latest comments

  • isamardzija•280
    @isamardzija
    Submitted over 2 years ago

    Responsive and Interactive Notifications Page (Flex)

    1
    Derwing Medina•200
    @derwing
    Posted over 2 years ago

    You can use a google font icon -> https://fonts.google.com/icons?preview.text=fiber_manual_record&preview.text_type=custom&icon.query=fiber_manual_record remember fill the icon in the options and you can change the color to red with a ccs property

  • carlos•10
    @cold9302
    Submitted over 2 years ago

    pagina responsiva con csss y flex box

    2
    Derwing Medina•200
    @derwing
    Posted over 2 years ago

    Vas a obtener un mejor centrado si haces esto: .container { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); }

    Marked as helpful
  • Jacek•110
    @Jacked-99
    Submitted over 2 years ago

    Mulit-step Form using React.js

    #react
    1
    Derwing Medina•200
    @derwing
    Posted over 2 years ago

    Hi @Jacked-99 great job. A few suggestions: Your name validator need a space, you can't write only your name. (maybe you like works like this). You have a lot of background-color properties in different classes like, FormDisplayer_Form__XFbQv, .App_container__Rt8T2 and your background are seen mounted on top of each other. I suggest you use a card container with a white background and put all your content inside to avoid using multiple background properties.

    Marked as helpful
  • Sai Prasad Padhy•60
    @Padhysai
    Submitted over 2 years ago

    Responsive Notofocation page with vanilla CSS

    #bem
    1
    Derwing Medina•200
    @derwing
    Posted over 2 years ago

    Bro the UI it's excellent, but the mark all as read function didn't works. Let's me know if you need help to do it.

  • Vitor Magnago•130
    @VitorMagnago
    Submitted over 2 years ago

    QR code component using Basic HTML and CSS and Flexbox positioning

    2
    Derwing Medina•200
    @derwing
    Posted over 2 years ago

    Sometimes simple is best, use width 100% and use a grid system row and col for position your content and get a better responsive mobile version

  • Santiago•80
    @Trianon27
    Submitted over 2 years ago

    QR-CODE with css and html

    #vanilla-extract
    1
    Derwing Medina•200
    @derwing
    Posted over 2 years ago

    Looks great, but instead a fixed top margin, you can use % or rem measures and avoid vertical scroll on your mobile version.

    Marked as helpful
View more comments

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