Design comparison
Solution retrospective
there are better ways to do this?
Community feedback
- @GitHub-dev12345Posted almost 3 years ago
Congratulation Nice Work Keep it up 😉👍
Used this code want your card in center position :
in body tag Used this CSS Code: body{ display : flex; justify-content: center; align-item: center; }
in Card Design CSS Code used this property: align-self: center;
Marked as helpful0 - Account deleted
Hi there 👋
Congratulate on finishing your project 🎉. You did a great job 💡
I give some suggestions to help you take your project design to the next level 📈😉
- Add border radius to the bottom left and right
- Try to move the component to the center of the page
- Let's also add some hover effect to the sign up button
Happy coding ☕
Maqsud
Marked as helpful0 - Account deleted
Hello there! 👋
Congratulations on finishing your challenge! 🎉
I have some feedback on this solution:
-
Give The body these properties to center the element
display:flex justifiy-content:center align items: center min-height:100vh
-
remove the min-heigth from the container, also remove the height from the article component
Marked as helpful0 -
- @optimusprime202Posted almost 3 years ago
Hey @RikkaaDev, You make it look easy.
0 - @NaveenGumastePosted almost 3 years ago
Hay ! RIkka Good Job on challenge
These below mentioned tricks will help you remove any Accessibility Issues
-> Always use
h1
first and thenh2
,h3
and so on-> Learn more on accessibility issues
If this comment helps you then pls mark it as helpful!
Have a good day and keep coding 👍!
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