@osenprema
Submitted
What are you most proud of, and what would you do differently next time?
I understand a little more how CSS Grid works.
What challenges did you encounter, and how did you overcome them?
Optimize my CSS file. Make more efficient use of selectors to write fewer lines of code.
What specific areas of your project would you like help with?
Any feedback is welcome!!! ;)
Submitted
What are you most proud of, and what would you do differently next time?
Improving my CSS skills. In this challenge, it was interesting to start using CSS grid.
What challenges did you encounter, and how did you overcome them?
Use CSS grid properly. I will continue practicing to master it more.
What specific areas of your project would you like help with?
Any feedback welcome!!! ;)
Submitted
What are you most proud of, and what would you do differently next time?
Improving my CSS skills.
What challenges did you encounter, and how did you overcome them?
The colors and gradients, it is difficult for me to match them to the designs.
What specific areas of your project would you like help with?
Any feedback welcome!!! ;)
Submitted
What are you most proud of, and what would you do differently next time?
Improving my skills in CSS and Flexbox.
What specific areas of your project would you like help with?
Any feedback welcome!!! ;)
Submitted
What are you most proud of, and what would you do differently next time?
Improving my CSS skills.
What specific areas of your project would you like help with?
Any feedback welcome!!! ;)
Submitted
What are you most proud of, and what would you do differently next time?
Finish the challenge.
What specific areas of your project would you like help with?
Any feedback welcome :)
Submitted
What are you most proud of, and what would you do differently next time?
I learned how to work with FIGMA files.
What specific areas of your project would you like help with?
Any feedback welcome ;)
Submitted
What are you most proud of, and what would you do differently next time?
I learned a little more about SCSS and @media queries.
What challenges did you encounter, and how did you overcome them?
@media queries. I guess it's all a matter of practicing and improving little by little.
What specific areas of your project would you like help with?
All feedback welcome!!! ;)
Submitted
What are you most proud of, and what would you do differently next time?
In this challenge, I started working with SASS. I hope to become more familiar with the technique and use it in my next projects.
What challenges did you encounter, and how did you overcome them?
My biggest challenge was using two background images and an additional fixed color. It took me a while to find a way to make them stay fixed when displaying the page in different resolutions, but it was done. :)
What specific areas of your project would you like help with?
All feedback welcome!!! ;)
Submitted
What are you most proud of, and what would you do differently next time?
With this project, I learned to consider a responsive design for each variation of devices used to browse the Internet (I think I should return to my previous challenges and apply the same guidelines). At first, it's a little confusing, but it leaves a great learning experience.
What challenges did you encounter, and how did you overcome them?
My biggest challenge was what resolutions I should consider to make my page as responsive as possible. I did some research and found that they must be the following:
I also noticed that when resizing my browser window, some @media rules do not apply, my question is whether we should also consider those variations or just focus on the standards I mentioned above?
What specific areas of your project would you like help with?
It is still not clear to me what value we should put in the sizes parameter, so that the browser takes the correct image to display.
I understand that it corresponds to the area that the image that will be displayed on the screen will cover and the browser chooses the one that best fits, but I set the value that corresponds to the resolution of each image, and it was not applied correctly :/. How is it calculated? or what should I take as a reference?
Submitted
What are you most proud of, and what would you do differently next time?
Each challenges has its complexity in structure and visual design. Personally, it pleases me to match all the details as closely as possible to the original.
What challenges did you encounter, and how did you overcome them?
The colors and shadows. I think I need glasses. :P
What specific areas of your project would you like help with?
When capturing the screeshot, I noticed that the main header did not take the CSS style in Firefox, but it did in Chrome. I was using the Font in its variable type, I decided to use a static style and the problem was fixed. Any feedback about this subject is welcome!!! ;)
Submitted
What are you most proud of, and what would you do differently next time?
I improved my knowledge and skills in CSS.
What challenges did you encounter, and how did you overcome them?
Overlaying a transparent cap when hovering the image. I researched the issue and resolved the situation.
What specific areas of your project would you like help with?
Any feedback is Welcome ;)
Submitted
What are you most proud of, and what would you do differently next time?
Know the basics of HTML and CSS.
What challenges did you encounter, and how did you overcome them?
In this challenge there was no greater complexity.
What specific areas of your project would you like help with?
All feedback welcome ;)
Submitted
What are you most proud of, and what would you do differently next time?
With this challenge I learned how to use the srcset property of an IMG to display different images depending on the device.
What challenges did you encounter, and how did you overcome them?
The use of different images to display depending on the device. I researched the subject and learned something new :)
What specific areas of your project would you like help with?
Nothing special. All feedback welcome ;)
Submitted
What are you most proud of, and what would you do differently next time?
I am proud of the use of CSS to define the size of the texts and the general design elements.
Submitted
What are you most proud of, and what would you do differently next time?
I am proud to have completed the challenge. Trying to make it as similar as possible was tricky, but I think I did a good job. I improved my CSS skills.
What challenges did you encounter, and how did you overcome them?
My challenges were using local sources and making a responsive design using Media Querys. I researched the subject and learned new things.
What specific areas of your project would you like help with?
The last row of the table in the Nutrition section has no bottom border. I tried to bypass it with Pseudo Classes (e.g. table tr:last-child), but couldn't. I opted to use a "no-border" class for the last row, since it is a static table. Any feedback is welcome!!! :)
