Skip to content
Submitted 9 months ago

Tip-Calculator

Jesús Eduardo Ramírez Morales•270
@Eddieramirez29
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Tip calculator app
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

It looks good at 375 px and around 1000px.

I would like to use SCSS and bootstrap5 on it to improve the view.

The calculations worked properly, so far.

Any suggestion is welcome.

¡Saludos!

Community feedback

  • Marcos Travaglini•4,840
    @BlackpachamamePosted 9 months ago

    ¡Saludos @Eddieramirez29!

    Lo que pasa es que estás queriendo organizar los elementos con position: absolute lo cual lo hace un poco complicado. Lo que te recomiendo es que antes de usar SCSS o Bootstrap, aprendas a usar flexbox o grid y verás que será mucho mas sencillo que con position: absolute.

    También te recomiendo que investigues sobre el reset CSS, generalmente los navegadores traen estilos por defecto y con el reset podes manejarlo mucho mejor para que se vea en todos lados igual.

    0
  • Jesús Eduardo Ramírez Morales•270
    @Eddieramirez29Posted 9 months ago

    I had some issues to place the title and that´s why my solution is placed upper.

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord