Skip to content
Submitted over 1 year ago

Project tracking Intro component

Kim•510
@Mismisty
A solution to the Project tracking intro component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I add some problems with the layout, I think its my markup that keeps giving me problems. I would appreciate if someone would take a look at my markup and give me some suggestion, am I using to many div's or not enough maybe I'am not placing them around the content correctly. Thanks for the feedback.

Code

Please log in to post a comment

Log in

Community feedback

  • Paras Sharma•700
    @imparassharma

    To be honest your approach of creating divs is not correct....You have to think how will your layout will appear before coding. You should know flex property pretty well so that you can align items easily and in more clean way. You cannot just create divs anywhere and then give them property absolute and then position them using right and left...it is not a good approach.

    Like whats the point of naming a section right side and left side but in reality they are acquiring full page widths.... a more defined approach could have been like container width:100vw....then in html leftPage should be created ...and give it width of 50vw lets say,,and then rightPage with width 50vw.......in container flex direction row so that leftPage and rightPage goes next to each other....align-items center ,...justify-content :center....this is how you will have to proceed....with a particular layout in mind....

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