for now, i think i handled the project well but i am open to new ideas on how to do it better.
i used flex to get the write-up on the right side of the background but i will be glad to do it without using flex and achieving the same result.
still learning more about javascript
i was able to wrap my head around it so it's still easy for now.
still going well and still able to navigate my way
Im not sure what Im doing wrong to make my screenshots look so bad, but I suspect it has something to do with the main container's positioning/centering, so any help with that would be most appreciated.
all feedback is welcome thank you in advance
i suggest you develop your desktop view first before going to mobile view because from the project i have viewed the desktop view is always broken and the mobile view then have the desktop display.
great job but the mobile view is not displaying like the image given. you can work on it.
you did a good job but your body tag should have display=flex and your container should have this stipends of code margin: auto; display: flex; flex-direction: column; justify-content: center; it will help position your container as the middle
I can make the interface look somewhat similar to the design
What challenges did you encounter, and how did you overcome them?I was struggled to make the page responsive and align correctly like in the mobile design. I also have some issue what set css for table items, for example the numbers in the order list items don't perfectly align with the contents
What specific areas of your project would you like help with?I need help understanding the steps to create a responsive page. If the instructions state 'Mobile: 375px. Desktop: 1440px' and provide two UI screenshots, does this mean any screen size below 375px will appear as the given mobile design, and any screen size above 375px will appear as the desktop design?
it's best you use rem for your front size compared to pixel. check out this article https://fedmentor.dev/posts/font-size-px/#top
