@SherzodToshpulatov
@Horizon-87
Submitted
What are you most proud of, and what would you do differently next time?
Proud of a starting and making first solution in frontendmintor.io, Next I well be better in how I style my pages
What challenges did you encounter, and how did you overcome them?
maybe how I deal with all devices and make it good at design
What specific areas of your project would you like help with?
I think in practicing it well be batter
@SherzodToshpulatov
Posted
you should use the given sizes on the design file.
Marked as helpful
@jtorso
Submitted
What are you most proud of, and what would you do differently next time?
I want to fix the bottom, I messed up
What specific areas of your project would you like help with?
I need help with bottom
@SherzodToshpulatov
Posted
Looks good! I think you already fixed it. or what do you mean by the bottom
@MENTORMICHAEL
Submitted
What are you most proud of, and what would you do differently next time?
I am proud that I am able to achieve this project and make it live. Next time I would add a little of my own taste to the design that I was given that would still fit perfectly well with the challenge.
What challenges did you encounter, and how did you overcome them?
Well it was the button to switch from mobile view to desktop and vice versal, how you guys did it, but something is telling me that it was JavaScript , and am not experienced to that level so I had to use my level of knowledge with HTML and CSS I have.
What specific areas of your project would you like help with?
Well it would be the button and the responsive designing because I tested with other mobile devices by running a local server with my terminal and the size was a little bit different from my designing. So that’s it.
@SherzodToshpulatov
Posted
There is no need for any button to switch resolutions. It's just a static page, You must work with the given sizes in the design. To position you can use Flexbox.
@riddsep
Submitted
What are you most proud of, and what would you do differently next time?
You can implement it according to the design, but it looks like there are several things that need to be improved
What challenges did you encounter, and how did you overcome them?
I'm a little confused about what I should apply in the nutrition section
What specific areas of your project would you like help with?
in the nutrition section, whether to use flex or grid and I'm still confused about the best practice for applying bem
@SherzodToshpulatov
Posted
Looks good! In the nutrition section, you can use Table.
Marked as helpful
@hoppYo
Submitted
What are you most proud of, and what would you do differently next time?
So basically, i got to figure out of much of a the 'position' user that i am and it messes up my work. on this particular project i made a root thought and came up with other ways of getting things done without the 'position' which i did and i am glad i got it solved. So i will better structure my HTML well next time so as to get the exact styles to apply without much difficulty. progress!
What challenges did you encounter, and how did you overcome them?
So basically, i got to figure out of much of a the 'position' user that i am and it messes up my work. on this particular project i made a root thought and came up with other ways of getting things done without the 'position' which i did and i am glad i got it solved. So i will better structure my HTML well next time so as to get the exact styles to apply without much difficulty. progress!
What specific areas of your project would you like help with?
let's talk more on the media queries
@SherzodToshpulatov
Posted
You can use flex to positioning.
Marked as helpful
@Pamlifa
Submitted
What are you most proud of, and what would you do differently next time?
I took my time to try different stylings.
What challenges did you encounter, and how did you overcome them?
I am still getting use to styling CSS flexbox and I had to watch and read some article to help.
What specific areas of your project would you like help with?
I would like any good website recommendation for learning.
@SherzodToshpulatov
Posted
I think your site is not live now. The screenshot also doesn't show pictures. https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
Marked as helpful
@Matrix1984
Submitted
@SherzodToshpulatov
Posted
Looks Good! Lists are not the same as the design. Just wrap the text with <p>, and then you can change the styles separately.
Marked as helpful
@Solataiwo-15
Submitted
What are you most proud of, and what would you do differently next time?
Attention to Detail: "I’m particularly proud of the attention I paid to the small details in the design, like choosing the right colors and fonts, which made the layout look more polished." Commitment: "I stayed committed to finishing the task despite it being my first time handling a complete HTML and CSS project."
Planning: "Next time, I’d spend more time planning the layout before jumping into the coding part. I realized that having a clear structure in mind could make the process more efficient." Organizing Code: "I would also focus on organizing my CSS better by using classes and IDs more efficiently. This would help improve readability and make future adjustments easier."
What challenges did you encounter, and how did you overcome them?
Understanding Layouts: "One of the biggest challenges I encountered was figuring out how to properly structure the layout of the webpage. It was tricky at first to get the elements to align the way I wanted." CSS Styling Issues: "I also faced challenges with styling elements using CSS. Sometimes, the styling didn’t apply as I expected, especially when dealing with padding, margins, or centering content."
Trial and Error: "To overcome the layout issues, I used a trial-and-error approach, tweaking the HTML structure and CSS properties until things started to make sense visually. Each adjustment helped me understand how small changes affect the entire design." CSS Documentation & Tutorials: "I referred to CSS documentation and online tutorials to understand the properties better. When I couldn’t figure out how to make things work, I researched specific problems and found solutions."
What specific areas of your project would you like help with?
Responsive Design: "I’d like help with making my design more responsive, especially for mobile devices. I struggled with making sure the layout adjusts smoothly to different screen sizes without elements overlapping or breaking." CSS Best Practices: "I would also appreciate guidance on CSS best practices, like how to better organize my styles and optimize the use of classes, IDs, and selectors to keep my code clean and efficient."
@SherzodToshpulatov
Posted
Looks good! But the Background color is not the same. you should use; hsl(30, 54%, 90%)
@sashauly
Submitted
@SherzodToshpulatov
Posted
Looks good! I think the code is better than mine! I don't see repeated code, mine has a lot.
Marked as helpful
@faizraeim
Submitted
@SherzodToshpulatov
Posted
Did you use all sizes from the design?
