Intro Section Nav Design Solution --> React

What are you most proud of, and what would you do differently next time?

Im happy that I was able to finish the design. Next time, Id probably using more <li> elements instead of divs:

{navMobileDropdown === 'features' && (
                                <div className="dropdown-menu-mobile">
                                    <div><img src={ToDo} alt="Todo Symbol" />Todo List</div>
                                    <div><img src={Calendar} alt="Calendar Symbol" />Calendar</div>
                                    <div><img src={Reminder} alt="Reminder Symbol" />Reminders</div>
                                    <div><img src={Planning} alt="Planning Symbol" />Planning</div>
                                </div>
                            )}
                        </li>
                        <li onClick={() => setCMobileDropdown(cMobileDropdown === "company" ? null : "company")}>
                            <div className="mobile-dropdown-toggle">
                                Company <img src={cMobileDropdown  === 'company' ? ArrowUp : ArrowDown} alt="Arrow Icon for Dropdown" />
                            </div>
                            {cMobileDropdown === "company" && (
                                <div className="dropdown-menu-mobile">
                                    <div>History</div>
                                    <div>Our Team</div>
                                    <div>Blog</div>
                                </div>
                            )}

What challenges did you encounter, and how did you overcome them?

Main problem was the mobile nav bar. My fix for this was increasing the z-index and adding the position property to enable my anticipated layout.

What specific areas of your project would you like help with?

Optimization.

I could've definitely done this design more optimized and potentially readable. If anyone has time to check it out, PLEASE comment on ways I can make this solution better!

Thank You!