I am most proud of how quickly I solved this challenge compared with the last challenge.
What challenges did you encounter, and how did you overcome them?I did not know how to import fonts into CSS which I learnt.
What specific areas of your project would you like help with?Could you please give me tips as to what is an efficient way to center the card on the screen in this specific project?
🚀Well done on completing the challenge.🚀
You may consider sanding down the rough edges in CSS, the link below is beneficial custom-css-reset
Awesome job tackling this challenge! You’re doing amazing, and I wanted to share some suggestions that might help refine your approach…
Using a <main> tag inside the <body> of your HTML is a best practice because it identifies the main content of your page. This helps with accessibility and improves how search engines understand your content.
Using a full modern CSS reset is beneficial because it removes default browser styling, creating a consistent starting point for your design across all browsers. It helps avoid unexpected layout issues and makes your styles more predictable, ensuring a uniform appearance on different devices and platforms, check out this site for a Full modern reset
I hope you found this advice helpful! Keep up the great work, You’re doing amazing, and I can’t wait to see what you create next. Happy coding! 🚀
Fairly simple project, would probably make the card responsive on screens smaller than 320px (which are pretty rare nowadays)
What challenges did you encounter, and how did you overcome them?No challenges as such.
The solution contains semantic HTML, is accessible and the layout looks great on a range of screen sizes. The code is also well structured.
Well done Bryan. Try using the placeholder attribute for input in the place of value to set the default text. e.g
for <input type="text" value="DD" maxlength="2" class="">
try <input type="text" placeholder="DD" maxlength="2" class="">
