It's pure HTML and CSS with use of Flexbox. I struggle a lot with it..
Design comparison
Community feedback
- @IshmaelsealeyPosted over 1 year ago
Hi There!
Well done on completing the challenge using html and css only! It only gets easier with practice.
I have some suggestions that I hope you consider and may find useful.
You did not add the font to your css file so it shows up as the default text of the browser, Times New Roman. Go to this google fonts link to get the font for this project. Outfit. Use
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap');
at the start of your css file and includefont-family: Outfit, sans-serif;
in the styling of your body.You placed everything in a div with the class of background and then styled the class. Alternatively, you can add the background color to the body element.
For purposes of accessibility, your
<h2>
tag should be an<h1>
tag. You can style the h1 tag so the font size is similar to that of the h2 tag.I hope you find my suggestions helpful
Happy Coding!
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