Using vanilla javascript.
What challenges did you encounter, and how did you overcome them?I had a little challenge trying to make the work look good on small screens and the popup
What specific areas of your project would you like help with?I want help with the small screen responsiveness.
I struggled with positioning the popup div, but I was really happy that I was able to position it where I wanted. Next time, I will know what to do if I have to do something similar.
What challenges did you encounter, and how did you overcome them?The challenge I faced was with the popup div, including the spacing and positioning. However, I managed to overcome it by following some tutorials and experimenting with my code.
What specific areas of your project would you like help with?I want to know if there is a better way to code this project. I think I did a good job but it could always be better.
Box shadow needs to be tweaked little bit
Upvote comment if you agree?
Added hover functionality to the summary sections.
I am quite satisfied with the custom validation function input with dom javascript
I hope you’re doing well. I’ve reviewed the UI and noticed a few areas that could benefit from some attention. It would be great if you could take a closer look at these issues to ensure everything is functioning as expected and aligned with design goals.
If you need any specifics or additional feedback, please let me know, and I’d be happy to provide further details.
Try different approaches on the nutrition info table.
What challenges did you encounter, and how did you overcome them?Nutrition info table. Lots of iteration.
I was able to complete it without many problems.
What challenges did you encounter, and how did you overcome them?I did not experience any problems
What specific areas of your project would you like help with?n/a
I think your pasted the wrong solution Please check again
Hello, Hajar. Your not updating the readme.md file for any of your solutions?
Do you need any help in that?
Awesome work! Just a small change is needed: increase the height of the links slightly to match them accurately with the provided UI.
I got a better understanding of space occupied by each element, after getting used to use developer panel of google chrome browser more often.
Although I have not yet started learning javascript, I had not choice but to use it to create it's interactivity feature.
I'm proud that I did not use any IDEs, I used just notepad. By doing so, automatically I was forced to do all the writings, all the file management without any external help, which made me pay attention to all the intricacies and details, since notepad would not show any error or suggestion. I suggest that everyone who is in the beginning of learning process to do the same.
What challenges did you encounter, and how did you overcome them?One challenge that I encountered was that is it possible to create multiple interactions using only html and css. For example a link gets clicked and several elements get affected. I could not find any good solution, and was forced to use javascript.
What specific areas of your project would you like help with?Here is a question:
In a 1024px screen there is a line that is 100px long. By using html and css only, how can I change length of this line, so that as the screen width decreases, length of the line increases?
I had similar issue when writing h-offset and v-offset of boxshadow for different screen size.
You can reduce the font size for description and author name and add line height to 20px to description accept that everything looks good to me. Awesome work.
Write now I don't have any particular skill in this field that I am proud of. That's why I want the help and resources of Frontend mentor to enhance my skills.
Also please correct the background color.
I am very proud that at the age of 15 I decided to do FrontEnd development while living in Ukraine. Next time I would like to learn more about web development.
What challenges did you encounter, and how did you overcome them?The difficulty was that I was given a small description of the site, namely the width and indents. I overcame them by simply doing it by eye and comparing it with the picture from the task.
What specific areas of your project would you like help with?I would like to learn more in the field of CSS, I want to know more than the basics. But I didn't have any problems with the project.
The color of the subheading should be light gray except that everything looks good to me.
Hello Devansh,
Your code has the following issues:
