Skip to content
OverviewSolutions
6
Comments
1
Ly Camrel
@EllyMarc

All comments

  • ABAH•50
    @ABAHDAVID1Submitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    Learning new techniques always improves my way of solving problems alone... I know this is a great platform for anyone who is willing to learn from scratch. looking forward to get some help on this project.... thanks

    Dynamic-Omelette-Recipe

    1
    Ly Camrel•80
    @EllyMarcPosted about 1 month ago

    Hello! I noticed that you had some problems centering the main part of the page. Maybe if you put all the main content inside a <main> or a div with some special id, it would be better organized. After that, in CSS, you can set the <body>:

    • “width: 100%” to take up the entire width of the screen;
    • “min-height: 100vh” so that it takes up 100% of the browser screen;
    • “display: flex” so that it can be arranged freely;
    • “justify-content: center” and “align-items: center” to center whatever is inside this element, in this case, the special div called main.

    Also, perhaps it would be interesting to use “em” as the unit of measurement for the font instead of “px” and try to be more faithful to the font sizes required by the challenge. Other than that, it was a great solution. Proud!! :)

    0