Design comparison
Community feedback
- @correlucasPosted about 2 years ago
πΎHello Pedro, congratulations for your new solution!
I think you've missed the font for the
h1
and also theparagraph
you can have all these information looking the file calledstyle-guide.md
.The font for the h1 is
font-family: 'Fraunces', serif;
The font for the rest of the text is:font-family: 'Montserrat', sans-serif;
Here's the import:
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],700&family=Montserrat:wght@500;600;700&display=swap');
You can manage the product image inserting the tag
<picture>
to wrap both desktop and mobile images together in the same tag, and render each image depending of the device (phone / computer) by the settings for the width you'll insert in the htmlπ I hope this helps you and happy coding!
1
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