Hi, I'm Divine Obeten. I am a Frontend Developer based in Nigeria. I love writing frontend code, solving problems and providing solutions to problems faced by fellow developers. I make use of HTML, CSS, JAVASCRIPT AND REACT for solving problems.
I’m currently learning...Tailwind CSS
Latest solutions
Latest comments
- @AhmedAlkhSubmitted over 2 years ago@Deevyn9Posted over 2 years ago
Hi Ahmed, great solution you have here, it looks really great. However, you'll need to change the width for the media query to about 600px so it'll be more responsive.
Happy Coding! 🎉
0 - @abelgmzSubmitted over 2 years ago@Deevyn9Posted over 2 years ago
Hi Abelardo, congrats on completing this project, your solution looks really good, however, you'll need to use
max-width
instead ofwidth
to make the container more responsive for smaller screens, you'll also need to add paddings to the left and right of the body to give it a bit of space from the container when it goes below the specifiedmax-width
.I hope this is helpful to you.
Happy Coding!🎉
0 - @FeelshotSubmitted over 2 years ago@Deevyn9Posted over 2 years ago
Hi Dani, congrats on completing this project, your solution looks really good, however, you'll need to use
max-width
instead ofwidth
to make the container more responsive for smaller screens, you'll also need to add paddings to the left and right of the body to give it a bit of space from the container when it goes below the specifiedmax-width
.I hope this is helpful to you.
Happy Coding!🎉
Marked as helpful1 - @YouLackHopeSubmitted over 2 years ago@Deevyn9Posted over 2 years ago
Hi, congrats on completing this solution, Your solution really looks great and responsive. However, you'll need to add left and right padding to the body so there would be a bit of spacing between the container and the body when it goes below 320px. 10px of padding should be enough.
Happy Coding!
Marked as helpful0 - @isamardzijaSubmitted over 2 years ago@Deevyn9Posted over 2 years ago
Hi, congrats on completing this project, your solution looks really great. However, I found a few issues that would need resolving:
(i) You'll need to add
background-repeat: no-repeat;
to the body to prevent the gradient from repeating.(ii) You'll need to add a
min-height: 100vh
to the body anddisplay: grid
place-items: center;
to center the container.I hope you find these helpful.
Happy Coding! 🎉
0 - @brian-makerSubmitted over 2 years ago@Deevyn9Posted over 2 years ago
Hi Brian, there's and issue with the github pages and the site isn't loading.
Marked as helpful1