Design comparison
Solution retrospective
I'm proud of my html. I first time used semantic elements and it looked more clearly than in my last project when i used div's. Next time I would change sometihing in my css because it doesn't look like I want to.
What challenges did you encounter, and how did you overcome them?I had problem with positioning my footer to place them parallelly. I made two sections I flexed them and I put margins on them and it worked. I also had problem with the text 'Learning' because I didn't know how to place it in the middle of the border so I used padding.
What specific areas of your project would you like help with?How can make my code look more professional? Especially what should I change in my footer because I had problems with positioning.
Community feedback
- @StroudyPosted 3 months ago
Exceptional work! You’re showing great skill here. I’ve got a couple of minor suggestions that could make this stand out even more…
- Wrapping all these single HTML tags on a section is pointless and confusing because the HTML tags already give context and semantic meaning,
<section> <h1> Learning </h1> </section> <section> <p class="Published"> Published 21 Dec 2023 </p> </section> <section> <h2> HTML & CSS foundations </h2> </section> <section> <p class="text"> These languages are the backbone of every website, defining structure, content, and presentation. </p> </section>
-
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
-
For future project, You could download and host your own fonts using
@font-face
improves website performance by reducing external requests, provides more control over font usage, ensures consistency across browsers, enhances offline availability, and avoids potential issues if third-party font services become unavailable. Place to get .woff2 fonts
I hope you’re finding this guidance useful! Keep refining your skills and tackling new challenges with confidence. You’re making great progress—stay motivated and keep coding with enthusiasm! 💻
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord