Looking to hire developers?
@peterhannell
@peterhannell
Submitted
Here's my solution for this challenge using Pug, Sass/SCSS and Tailwind. I used daisyUI for the components.
Feedback or suggestions welcome as always!
@peterhannell
Posted
D'oh... I forgot the <footer> section :-) I always forget something. I'll add this later on. Also my padding and margins are slightly off as I usually reset everything and write all the CSS from scratch. I was a bit lazy this time but I wanted to focus more on the JavaScript and not the styling!
Thanks!
@mouad-P7
Submitted
Feel free to check my solution and give me some advice to improve my coding skills.
@peterhannell
Posted
Hi Mouad, good job with your solution. I have a couple of suggestions:
<html> tag is missing a language attribute. You can correct this by using <html lang="en">opacity: property in your CSS file.Hope this helps!
Marked as helpful
@chloeafp
Submitted
Hello,
I think I've done pretty well with the challenge. But I am always open to any feedback! :)
So, do you have any feedback on the HTML or CSS? Thank you!
@peterhannell
Posted
Hi Chloe, I'm a fellow learner but I can offer some feedback/advice.
Firstly make sure you include enough 'landmarks' in your HTML - these are tags like main nav footer etc., that define sections of content in your page which greatly improves accessibility for assistive navigation technologies such as screen readers. For example, you should wrap your 'attribution' class in a footer tag.
You should also try to make your class names a bit more descriptive; for instance 'header' is a very generic and could refer to any header section within your page. This could be somewhat confusing when it comes to maintaining code later on. Maybe something like 'card__header' would be more appropriate just as an example.
Finally, try to avoid the use of px for sizing everything in your CSS. You can certainly use it in some cases but most of the time will you want to use rem (and also em in specific cases) which is scalable and respects the users' browser font size preferences.
But other than that you've done a great job! I hope my comment was helpful.
Marked as helpful
@AnaSudame
Submitted
@peterhannell
Posted
Hi :-)
Your CSS isn't linked properly. Make sure you include ./ before the path to your styles.css in your HTML head. Your code should read like this:
<link rel="stylesheet" href="./styles.css">
You also don't have any images in your github repository so you need to include them there.
Hope this helps!
@kozlowskimarek
Submitted
Is my solution correct? Thank You!
@peterhannell
Posted
Hi @kozlowskimarek!
Good job. However, your HTML mark-up is missing a <main> and <footer> landmarks. Other than that your solution looks good.
