In mobile view the main header is perfectly aligned with the paragraph underneath and covers the width of the whole line. I haven't figured out how to do this and would appreciate help.
Nothing really but any comments or suggestions would be appreciated.
Browsing different sites on how to fix the problem I was facing
What challenges did you encounter, and how did you overcome them?Space between li and li marker
What specific areas of your project would you like help with?Any constructive criticism is appreciated
Great work! The page structure is clear and class names all make sense.
One thing I've noticed is when you import google fonts - you've duplicated the imports, so that you have multiple unneeded lines in your head tag. Several fonts can be imported within one import and your lines 9-11 in index.html do the job (so lines 6-8 are not needed).
Great job on the project!
I like that your HTML structure is concise and you're using semantic tags. Your class names are clear and it's easy to understand what they refer to.
Proud: The time that I spent to do that
What challenges did you encounter, and how did you overcome them?Challenges: How to resize paragraph background color
What specific areas of your project would you like help with?N/A
Great job implementing this design! I love how you did the hover states on interactive elements with pointer cursor and transitions.
One area of improvement I would suggest is to work on your class names. Its important to give descriptive and easy to understand names so that other developers working on your code in the future can read your code without problem. Here is a great article that can help: https://www.freecodecamp.org/news/css-naming-conventions-that-will-save-you-hours-of-debugging-35cea737d849/
I'm proud of how it came to be like the image that was given to follow and that everything came to be functional. Next time I would like to organize my CSS a bit differently.
What challenges did you encounter, and how did you overcome them?Being new to coding, I didn't know how to outsource a font. It was easier than I thought it would be and I found the answer with a quick search. It was also challenging to stack the text and the image but I was able to fix it with flex-wrap.
What specific areas of your project would you like help with?I'm still not sure if I am using div classes correctly, it's been a bit tricky for me to grasp fully so I would like to know if I did something that wasn't necessary. I'm also unsure of whether I placed the Google Fonts code in the right area of my HTML or if it was supposed to be organized differently.
Great work! It looks very close to the original design.
As far as naming classes, the convention is to use all lower case (so no need to capitalize or using all caps with classes). Here is a good article I found that helps to understand the principle: https://www.freecodecamp.org/news/css-naming-conventions-that-will-save-you-hours-of-debugging-35cea737d849/
I am proud of submitting the QR challenge
What challenges did you encounter, and how did you overcome them?it was a bit harder to me to center the qr code container at the center of the page, the solution is to use flexbox for body tag
What specific areas of your project would you like help with?for now it is alright
Your solution looks great!
As someone recommended to me, and I will forward it to you - consider using semantic tags (header, main, footer etc...) instead of divs where appropriate . This will enhance SEO and accessibility.
Great job overall!
