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

Domilson Firmino

@DomilsonFirminoLuanda390 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

  • Age Calculator App | ReactJS, TypeScript & CSS Modules

    #react#typescript#pure-css

    Domilson Firmino•390
    Submitted 6 months ago

    0 comments
  • Todo App witth ReactJS, TailwindCSS, TypeScript, and Context API

    #react#tailwind-css#typescript

    Domilson Firmino•390
    Submitted 7 months ago

    The drag component some tutorials the ones i found was a little complicated


    0 comments
  • Mortgage repayment with typescript and tailwindcss

    #react#typescript#tailwind-css

    Domilson Firmino•390
    Submitted 7 months ago

    0 comments
  • React + Typescript - country API with themeSwitch

    #react#typescript#vite

    Domilson Firmino•390
    Submitted about 1 year ago

    How would like to know how to improve the fetch and render speed


    0 comments
  • Social Links Profile


    Domilson Firmino•390
    Submitted over 1 year ago

    0 comments
  • Recipe Main Page


    Domilson Firmino•390
    Submitted over 1 year ago

    0 comments
View more solutions

Latest comments

  • P
    bra1695•260
    @bra1695
    Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    i try to do without using chat gpt

    What challenges did you encounter, and how did you overcome them?

    the field check with the easy way possible

    What specific areas of your project would you like help with?

    to do this task in real project

    mortage

    #tailwind-css#vue
    2
    Domilson Firmino•390
    @DomilsonFirmino
    Posted 7 months ago

    The inputs do not get verified if are valid numbers, in react a would check if new character is valid if so a add it else not, i dont know how to do in vue; It would be also good if the focus effect was visible to give extra information;

    Taking this things out good solution

    Marked as helpful
  • DaniloFranc•210
    @DaniloFranc
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    The appearance of my application was very similar to the original challenge. However, the display that does the calculations and some operations cannot be done well.

    What challenges did you encounter, and how did you overcome them?

    one of the main challenges is the button to change color.

    What specific areas of your project would you like help with?

    I would like help to improve the appearance of the numbers on the display. and the operation of numbers.

    Calculator app with HTML, css e Javascript

    #accessibility#pure-css#typescript#jss
    1
    Domilson Firmino•390
    @DomilsonFirmino
    Posted about 1 year ago

    well done, the design implementation and the theme swap is very good. Somethings i would like you to give a look is the "+-*/" signals when i choose a two in a row them both show up in the display. And the Error message It should disappear when the user is typing again. Good luck in the next challenges I am spectating to see then

  • MH-Rashid•50
    @MH-Rashid
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Made an effort to condense code as much as possible

    What challenges did you encounter, and how did you overcome them?

    I managed to center the "main" element horizontally on the page but struggled to do so vertically. I tried the same approach as for horizontal centre alignment, i.e. specify give an exact height then set margins to auto, thinking it would work the same way but it didn't. When I set the vertical margin to auto it just removed all the vertical margins.

    What specific areas of your project would you like help with?

    Couldn't find anything online regarding the vertical centring. Ended up having to define exact vertical margins to get it looking centred.

    Any ideas, please share

    QR code component

    #accessibility
    1
    Domilson Firmino•390
    @DomilsonFirmino
    Posted about 1 year ago

    One way you could use to center the content is html, body{ height: 100% } //This will make you the html and body take all the height available

    body{ display: grid; place-content: center; }//with the body taking all the height availably this will center it, you can also do the same with flexbox

    and remove the margin and height from the Main tag - After that you no longer need this part

    I advise you to search about css resets, and to use the inspector it gives good hints about the tags behaviors, I hope that i could help you

    Marked as helpful
  • VAS•40
    @VAS-18
    Submitted over 1 year ago

    Social links profile using React

    #react
    1
    Domilson Firmino•390
    @DomilsonFirmino
    Posted over 1 year ago

    Congrats for your solution to this problem, is pretty god. Something I think that can be improved is the mouseover effect, if the cursor change with it, may give an extra visual clue

    Marked as helpful
  • Jo Young•840
    @Jo-cloud85
    Submitted about 2 years ago

    URL shortening API landing page [React.js]

    #react#tailwind-css
    1
    Domilson Firmino•390
    @DomilsonFirmino
    Posted almost 2 years ago

    You solutions is good, but there are somethings from the design source that maybe have slipped from your attention;

    When a link is shortened and present it seens as it is out of the flow of the normal content; Your card and menus seams to be different to, but beside that everything is good and functional congratis for it; I would like to proved how to corrects some of the things i pointed out but i can't sorry

  • CocoShesh•160
    @CocoShesh
    Submitted about 2 years ago

    Proper Styling Using CSS: Cleanliness of the Code

    2
    Domilson Firmino•390
    @DomilsonFirmino
    Posted about 2 years ago

    my advices go to the way you spaced your section with class main, it already as flex, you could give it a justify-content: space-between property, it would space itself and you would not need to space it with margin-left;

    And you main tag could use a container class; to limit the space of the design , because you layout tend to have a scrow bar in big screen, I hope it was helpful to you

    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

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