@Knuckl3h3ad
@Danashu
Submitted
What specific areas of your project would you like help with?
My project doesn't look the same as the reference image: "desktop-design.jpg" and "mobile-design.jpg", is not centered on the page, it appear larger and less delicate than the reference. Can you help me fix this?
@Knuckl3h3ad
Posted
Hello @Danashu,
Regarding the areas you want help with, its unlikely you'll get a perfect match each time, and in this case not the point of the challenge. You did very well and should be proud of yourself! Your solution is really close to the challenge design, so great job!
If you want a tip, for the bottom card <p> element of the class "card-body", you could increase padding-left/padding-right or font-size just a little bit to get the text to closely match the layout of the given design. Also if you're concerned about the distance between the QR code image and the text just below it, try reducing the top or bottom margining/padding on either of the 2 elements-- however yours is very close.
Something else to mention is to set the base margining/padding to 0 in the * css selector at the top of your file- if this is confusing, think of it as the same as your body or root, however its a good foundation for the rest of your styling, may help with any bugs/weird css, and looks like this: (for some reason its a dot on my comment, but it should be an asterisk).
Also to note, the box sizing of "border-box" nicely keeps child elements in their respective parent element's container and doesn't allow overflow.
Anyway, I just wanted to say congrats, and may your Front-end journey go well!
I hope this was helpful!
Regards, JT M.
@kiminimi
Submitted
What are you most proud of, and what would you do differently next time?
Using more semantic, simple html.
What challenges did you encounter, and how did you overcome them?
Using main/section elements instead of divs.
What specific areas of your project would you like help with?
Organization and minor details, etc.
@Knuckl3h3ad
Posted
It looks like you didn't do the challenge. I hope you retry it soon, although nice start.
