All solutions

What are you most proud of, and what would you do differently next time?

I learned about CSS Grid which I'm most proud of. I learne about Grid properties and used them in the challenge. I learned anout Meta viewport tag and its directives which help to build responsive web design. I learned a bit about Media queries but did'nt feel comfortable to use in the challenge. Next time I would use CSS framework bootstrap to build the projects which is based on Grid layout. I would use Media queries to build responsive page. I would learn more about CSS Grid and use it comfortably in the challenges.

What challenges did you encounter, and how did you overcome them?

I didn.t know anything about CSS Grid before doing the challenge, so I went through some tutorial and reading guide to know about it. Then I had issues using CSS Grid properties like where and when to use them, how to use them. But then I kept on learning about it and used many properties in the challenge to see the output. Then I got more comfortable with Grid. I had one major issue of centering the Grid on the page, which then I refered to Discord community for help. where people helped me to resolve the issue of centering the Grid.

What specific areas of your project would you like help with?

I need help on CSS Grid properties which I have used on body element. Please help me to learn more about CSS Grid. I want to know whether CSS Grid properties are used on parent (body) element or the Grid container element? I used them on grid container but in discord help, they told me to use them on parent element. But I have seen using Grid properties like display:Grid, justify, align etc. used on Grid container too. So please let me know where should we use Grid properties?

What are you most proud of, and what would you do differently next time?

I have learned about Flexbox in more details, Flexbox's different properties. I have used Google fonts in the challenge. I learned about CSS hover state and box-shadow properties. These are the things I'm most proud of. In my next challenge I would use Flexbox(if there is need) without going though the reference guide. I would also use more CSS properties (which I learned from this challenge) without going through the reference material.

What challenges did you encounter, and how did you overcome them?

I had issue in difference between preview pane and browser viewing of the challenge, which I had helped from discord community and they helped me to resolve my issue.

What specific areas of your project would you like help with?

How can I use media-queries in my project to make it responsive. Please help me on Media-queries. I want to know more about em and rem, how they are different from px, when and where to use them. How do I decide when to use em and when to use rem?

What are you most proud of, and what would you do differently next time?

I have started building projects and learned the basics of HTML & CSS. I'm proud that I have started learning by doing and not just watch tutorials. I want to know more advance HTML & CSS to build complex projects.

I have improved my project by looking other people code and feedback got from people.

What challenges did you encounter, and how did you overcome them?

I had problem to push code to remote github repository, I had to delete github repository twice and create it 3 times and i was able to push the project to github repository from my local machine. I need to focus on learning git commands so i can push my code efficiently in future.

i was trying to build it by very basic HTML & CSS, but when I saw other's code, I need to improve a lot, I need to learn responsive web design.

What specific areas of your project would you like help with?

I have used the basic HTML and CSS styles to build the project but I have seen the solution code on github and its HTML & CSS is completely different and advance from mine. I would like to know whether as a beginner, is it ok to use the basic HTML & CSS or should i know the HTML & CSS used in the solution code before strating the project?