single price Component using html CSS

Please log in to post a comment
Log in with GitHubCommunity feedback
- @rayaatta
Hello 👋 Laxdoms, congratulations on completing this challenge 🎉.
I have some bits of advice for you
1 Let me introduce you to the Mobile-first workflow
The mobile-first workflow refers to a design approach where websites or applications are designed for mobile devices initially, and then adapted for larger screens such as tablets and desktops. This is due to the increasing number of people accessing the internet on their mobile devices, making it essential to prioritize mobile user experience.
Importance of the mobile first work flow
Responsiveness:. Websites or applications should be developed to automatically adjust their layout and content to fit different screen sizes. This ensures optimal user experience regardless of the device being used.
2 In order to center the card on any screen add this code snippet to body.
min-height:100vh; display:flex; align-items: center; justify-content: center;
Then remove the margin properties from
.container
Your solution looks great 😉.
Happy coding ✌️
I hope this helps 🙃
Your solution is otherwise fantastic 👍. Great job
Join 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