Submitted almost 2 years ago
This is my solution to the challenge.
@marcosviniciuscolares
Design comparison
SolutionDesign
Solution retrospective
All help is welcome!
Community feedback
- @aniket167779Posted almost 2 years ago
Hi Marcos, nice solution! Just one suggestion you can give line-spacing=5px to h1 for some spacing between letters.
Marked as helpful1 - @urboifoxPosted almost 2 years ago
Hey Marcus, nice solution!😁 I have some tips that might help you👨💻 -📌you might want to wrapp your button (
<p>
) with an<a href="">
element to make it clickable.- 📌in smaller screens (smaller that 767px) your card goes out of the frame!
here are some solutions to fix it!
you might want to decrease the font size in normal screens,
and make the height and width of the card
fit-content
so they wont be static and change depending on the font size of the inside content! - 📌the
<section>
element represents a generic standalone section of a document, or we can call it the whole section in a website. as for this challenge you could switch the<section>
element with an<article>
element or a<div>
with a class ofcard
! I hope this helps! goodluck Marcus🌹⌨️
Marked as helpful1 - 📌in smaller screens (smaller that 767px) your card goes out of the frame!
here are some solutions to fix it!
you might want to decrease the font size in normal screens,
and make the height and width of the card
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