Skip to content
OverviewSolutions
4
Comments
9
Derwing Medina
@derwing

All comments

  • Derwing Medina•200
    @derwing

    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

  • Derwing Medina•200
    @derwing

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

    Marked as helpful
  • Derwing Medina•200
    @derwing

    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
  • Derwing Medina•200
    @derwing

    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.

  • Derwing Medina•200
    @derwing

    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

  • Derwing Medina•200
    @derwing

    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
  • Derwing Medina•200
    @derwing

    Bro looks amazing! But have a little issue on mobile version.

  • Derwing Medina•200
    @derwing

    I don't like to think in terms of "the best way" as it all depends on your needs. But to set the height and width of the html and body elements in CSS, you can use the height and width properties. For example:

    Copy code html { height: 100%; }

    body { width: 800px; height: 600px; } This will set the height of the html element to 100% of the viewport height and the width of the body element to 800 pixels. The height of the body element will be set to 600 pixels.

    It's important to note that the html and body elements are block-level elements, which means that they take up the full width of their parent container by default. If you want to set a specific width for the html or body elements, you will need to set the width property as shown above.

    You can also use the min-height and min-width properties to set the minimum height and width of the html and body elements. For example:

    Copy code html { min-height: 100%; }

    body { min-width: 800px; min-height: 600px; } This will set the minimum height of the html element to 100% of the viewport height and the minimum width of the body element to 800 pixels. The minimum height of the body element will be set to 600 pixels.

    You can also use body { min-height: 100vh; }

    Marked as helpful
  • Derwing Medina•200
    @derwing

    You have many ways to hiding the scroll - this is one, set the min-height to 90vh

    main {
    min-height: 90vh;
}
    Marked as helpful