What are you most proud of, and what would you do differently next time?
I've use css grid a little better so I'll learn C# in the future to improve front-end skills.
What challenges did you encounter, and how did you overcome them?
I'll can say that, this challenge is included almost all CSS's fuctions so I'll think that the hard part is how to use them properly to write clean code!
I use all functions of CSS that i know to make this layout pages, i want to minimal the lines of code when use CSS, but i think it is hard, if you have any feedbacks, don't hesitate to teach me, thanks all of us!
I have struggle when I change color for the picture, i can't make it like the design, if you have any feedbacks or contributions, you can comment, welcome!
In this solution, I use only HTML and CSS as usual, this challenge quite simple, but when i had started to code, I had a few problems with the gap between each section, and when I was almost done it, I tried use display: flex, flex-direction: column, justify-content: space-between and the result made me suprised 🤣 😅!
I had tried my best to make this landing page but with DIY ways, i have a few struggles with title and rating section. First time, I can not align rating column and title and description column like the design. But luckily, I fixed and it had a little same as design, however I don't remember why 'it works :))))', hope you can find out. This is really the best newbie challenge, if you can find any issues and have the improvement please comment for me, I'm really appreciative, thanks you!
I forgot that in <html> element in css, I made them a specific font-size: 62.5%, so my text look smaller than the desgin and I do not understand All page content should be contained by landmarks as well, in this code: <img src="./assets/css/images/bg-pattern-bottom-desktop.svg" alt="background" class="app__bottomground">, hope you can explain my mistake, thanks for your contribution. You can use your phone with max-width: 375px to see my responsive on phone, I'm too lazy to create more breakpoints
✨Update: I don't know why my screenshot solution has a little different from design so you should go to Preview Site to get it more clearly.✨