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
Getting comfortable writing the code
What challenges did you encounter, and how did you overcome them?when designing the social link part, contemplate on using list or i should use a div, though i used a list(li). and i got my desired result
What specific areas of your project would you like help with?still going well and still able to navigate my way
i used flex layout and next projects i will use grid
What challenges did you encounter, and how did you overcome them?i tried to use unit font-size and with rem and line-height
What specific areas of your project would you like help with?can someone review my html about sementic tags
I changed from a static to a variable font file because the static files only contained higher weights, which were very different from the design prompt provided.
I intially struggled to achieve the desired 3D effect for the card. I tried using border-style: outset, but that still gave a 2D shape.
I also experimented with box-shadow, which added density to the shape, but the opacity didn't match the design prompt. After researching the box-shadow property on the W3Schools website, I set the blur to 0, which resulted in a block color.
Additionally, I encountered an issue where the illustration image overflowed into the padding of its parent container. Through research, I discovered that setting the max-width property helped keep the image within the confines of its parent div’s content section.
proud to learn
What challenges did you encounter, and how did you overcome them?proud to learn
What specific areas of your project would you like help with?proud to learn
