Design comparison
Solution retrospective
I have changed background color and tried to make the page look good.
What challenges did you encounter, and how did you overcome them?I faced little issue while making it responsive.
What specific areas of your project would you like help with?To make it responsive.
Community feedback
- @IrieBeePosted 7 months ago
Hi @Codingreptile81,
Great job on your first project!
To make it responsive try to change
body {display: block;}
to{display: flex}
and add to it{justify-content: center; align-items: center; min-height: 100vh;}
For
.box
changemargin: auto;
Let me know if it worked for you.
Have a nice day and happy coding
Marked as helpful0@Codingreptile81Posted 7 months ago@ltsyBitsy
Thanks for your suggestion. It worked well. I am a little weak in making my web pages responsive so I'm very thankful for your help.
If possible give some other suggestions to make web pages responsive and to pick colors.
1@IrieBeePosted 7 months agoHi @Codingreptile81,
I am glad it worked!
I am learning myself about css and html. And videos of Kevin Powell helped me. He has a lot of youtube content related to responsive websites and css. Also he has "Conquering Responsive Layouts" free course. You can look at that.
Have an awesome day and happy coding!
Marked as helpful1@Codingreptile81Posted 7 months agoHi @ltsyBitsy,
Thank you, that's very helpful.
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