@Mercy1024Submitted 5 months ago
What specific areas of your project would you like help with?
Any tips on improvement would be appreciated
Oluwafemi Kolade
@Mercy1024All comments
- @Mercy1024Posted 5 months ago
Thanks, I saw on your bio that you're currently learning Html,Css,Js, Php, SQL. Are you learning all these at once?
0 - @mickoymouseSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
I am really happy that I was able to immediately apply what I learned about using the picture element to change image src depending on some media query. I was also able to apply usage of data attribute to add an icon inside a button with help of pseudo elements. Lastly, I was able to add some screen reader support to the pricing!
What challenges did you encounter, and how did you overcome them?I wanted to figure out if it's possible to change css variables value through media queries and as it turns out it was! So with it, I created some locally scoped variables to dynamically adjust some padding since the design calls for it!
Additionally, I was trying to see if I could use the data attribute to help me decide what icon should be using in my button as I try to setup a button class with the intention of possibly using it elsewhere (this is for possible bigger project where button class can be a utility class). Through some trial and error, I was able to add it with the help of pseudo-elements and got to use background image property again.
What specific areas of your project would you like help with?I'd like to have feed back on the way I added screen reader support through a visually hidden class that I came across with from CSS tricks website.
Additionally, feedback for my semantic usage is appreciated as well. That is something I am trying to improve as I do more of these challenges.
Feedbacks are super appreciated. Thanks!
- @RalphPastel972Submitted 6 months agoWhat are you most proud of, and what would you do differently next time?
- I'm consistent
- I manage to find easily solutions and answer to my problems and questions
- I am now putting effort to use betterHTML semantics thanks to @dakirzakaria
-
First of all, I learnt that I am really bad at estimating! I estimated I needed 200 minutes for this challenge, but I needed the double to polish everything… and I learnt it takes VERY long to do so
-
To stick to the design was particularly challenging. I made the conscious choice to deviate from the design regarding the bullets, because the solutions I found were hurting accessibility.
-
The nutrition table at the bottom was challenging and there were many ways I could approach it. I chose multiple divs over use of table. It worked but I am not sure that was the best solution.
I found this exercise particularly challenging when it came to keeping a CSS file simple, readable and easy to understand and maintain. I think I need better structure for big projects.
- @AlyaaRushdySubmitted 10 months agoWhat are you most proud of, and what would you do differently next time?
I'll try to modify the spacing so the solution looks more like the design.
What challenges did you encounter, and how did you overcome them?none
What specific areas of your project would you like help with?the spacing between the elements is off and I have no idea why.
- @Mercy1024Submitted 5 months agoWhat specific areas of your project would you like help with?
Just started Learning CSS. Feel free to add to let me know how I can improve. Thank you.
- @Nexus-coderSubmitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I am proud of the fact that I was able to finish it in a relatively short period of time.
What challenges did you encounter, and how did you overcome them?I faced some challenge in implementing the hover and active state in that i was not sure whether to use the box-shadow and just increase its size on hover or whether to use a div instead.
What specific areas of your project would you like help with?I would need help in implementing transitions on various elements on the page and also would like to know the effect that this has on the performance of the computer.
- @baburam454Submitted 6 months agoWhat are you most proud of, and what would you do differently next time?
I'm always looking for ways to enhance my capabilities and provide even more helpful and insightful responses.
What challenges did you encounter, and how did you overcome them?with the help of w3school.
What specific areas of your project would you like help with?okay
@Mercy1024Posted 5 months agoYou're using the wrong font family. You can check the required font-family in the style guide.
To apply the font-family using your style sheet use this format
@import url("https://fonts.googleapis.com/css?family=<font-famliy>");Marked as helpful0
