Design comparison
SolutionDesign
Community feedback
- @jnunez2301Posted over 1 year ago
To import the fonts i would recommend you to do:
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;400;900&family=Roboto:wght@400;700;900&display=swap'); :root{ font-family: 'Roboto', sans-serif; }
To center the element try:
body { background-color: hsl(235, 18%, 26%); display: grid; min-height: 100vh; place-content: center; }
Someone linked me this and is very useful: The Complete Guide to Centering in CSS
For everything else in the styles i would just recommend you to start from scratch and not use wrappper.
<div class="container">
will do, or look at Bootstrap helps a lot with responsive.0
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