Submitted
STEPHEN Obayuwana
@xaintobas
All solutions
Submitted
Submitted
Fylo data storage component
- HTML
- CSS
Submitted
Social proof section
- HTML
- CSS
Submitted
Blog preview card
- HTML
- CSS
Submitted
Single price grid component
- HTML
- CSS
Submitted
Four card feature section
- HTML
- CSS
Submitted
Chat app CSS illustration
- HTML
- CSS
Submitted
Profile card component
- HTML
- CSS
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
What are you most proud of, and what would you do differently next time?
During this project, I enhanced my understanding of CSS Grid and Flexbox. I learned how to effectively create responsive layouts that adapt to various screen sizes. Additionally, I improved my skills in writing clean and maintainable CSS.
To see how you can add code snippets, see below:
.container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } ### What challenges did you encounter, and how did you overcome them? Sometimes, I get confused with the CSS grid properties. grid-template-columns grid-template-rows ### What specific areas of your project would you like help with? In future projects, I plan to continue improving my CSS Grid and Flexbox skills by taking a few projects. I also aim to explore more advanced CSS techniques and animations to enhance user experience. Additionally, I would like to dive deeper into JavaScript to add interactivity to my projects.
Submitted
QR code component solution
- HTML
- CSS
What are you most proud of, and what would you do differently next time?
After completing this challenge, I have some ideas on using Flexbox. I also learned the justify-content and align-items properties and how they really function.
What challenges did you encounter, and how did you overcome them?
Sometimes I still make some mistakes with some of the CSS properties that go with Flexbox.
What specific areas of your project would you like help with?
I need help practicing CSS Flexbox.