interactive sunny-side web page using html and css
Design comparison
Solution retrospective
Please rate and drop your comments, corrections and recommendations. I'm sure the header image and footer need to be worked on, but yes, all forms of criticism will be appreciated.
Community feedback
- @AGutierrezRPosted 11 months ago
Hello there @Khalifa-pendrops 👋. Good job on completing the challenge!
I have some suggestions about your code that might interest you.
General Structure and HTML:
- Wrap the primary content within the
<main>
tag instead of using it as a standalone component like a<div>
. - All the content should be contained within landmarks. Every page minimally needs a
<main>
element. - Reorganize the HTML structure to maintain semantic elements, like using
<header>
,<main>
, and<footer>
appropriately.
CSS and Styling:
-
Fix the
@fontface
s, you could download the fonts or import them as a CSS @import:@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@600&family=Fraunces:opsz,[email protected],700;9..144,900&display=swap');
-
Implement CSS custom properties to define and utilize project colors more easily.
I hope you find this helpful 😁. Most importantly, your submitted solution is fantastic!
Happy coding!
1 - Wrap the primary content within the
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