Mainly getting the border lines to work for the table as these while these are definitely applied styles, they aren't visible and also having space between list numbers and list items.
Is it normal in tailwind to just have multiple classes that are the exact same? This doesn't seem efficient. I also think I was too precise with my margins here and it feels like there was a better way to do this.
The challenge said it was possible to make text smaller without using media queries but I was unable to do this. I also had a lot of trouble scaling the image down and I'm not sure if the way I've done it is good practice. I also noticed that in the mobile design that the challenge gave that the image appears to be zoomed in but I was unable to achieve this effect. I also only used hover and not focus as the challenge listed as it was unclear where to use this.
I would definitely change how I centered the main section to be more dynamic.
In the nested CSS, i used the pseudo-class 'marker' to make from the 0 a new marker to look more like the original.
What challenges did you encounter, and how did you overcome them?None
What specific areas of your project would you like help with?None
Good attempt! Your preparation time section needs to have its own background colour, you are missing the thin lines between each section and in the table and your mobile design should have no margins.
Next time I will use a Css Framework.
I was out. But now I just come back
What challenges did you encounter, and how did you overcome them?No challenge
What specific areas of your project would you like help with?Any
Overall, quite a good design here. The background colour should not be pure black though and should instead be the off black provided in the style guide. You also need some more margins to make the main section here a bit taller to be closer to the design. Also consider using more semantic tags like 'main' for your main content in the page. Your mobile design also doesn't change here, a simple media query would fix this problem. Finally, try not to use rem instead of pixels when possible as this is a responsive measurement.
I am just having some fun doing little projects to keep my mind fresh on coding.
What challenges did you encounter, and how did you overcome them?none
What specific areas of your project would you like help with?none
Overall, the solution here looks quite close to the design! Only real notes I have are that you could make the mobile design closer to the challenge by making your text smaller and putting in a bit of space between your main section and the borders of the page. Also try to use more semantic tags in your html. For example, instead of 'article-content', use the 'article' tag.
Pretty clean and well done solution! The usage of line breaks especially is nice and what you've created here is very close to the design. Only things to improve would be to use "rem" for sizing with fonts as this is responsive and to have more descriptive class names rather than "txt1". Other than that, great job!
