This one was quite interesting to build because of the amazing layout.
I wanted to start mobile-first but instead went with desktop first because I was too excited about the layout. I don't think it has affected my workflow. But I think it is better for creating such layouts.
What challenges did you encounter, and how did you overcome them?The main issue was creating the navigation toggle and I'm not really confident about how it turned out. Also, I'm not good at JavaScript, I added this to my hub because of the design and not the scripting part.
- I had to replace the hamburger menu icon with the
icon-menu-close
, because I couldn't figure out how to replace the image source on clicking the button. I searched online about it and it didn't turn out quite as expected. - I would be glad, if someone could review my JavaScript and help me create that hamburger toggle.
- I would like to know if there is a better way to create the navigation bar.
- I don't think my
srcset
actually works. I haven't gotten used to it and it still feels very confusing to me.
I would like to know about JavaScript and about how I can create the image toggling.
Also, I feel like I still don't know how to the use the srcset
in HTML. It just doesn't work as expected. I think I'm doing it the wrong way.
I would love to know how I can improve in various aspects.