Brief: Build an interactive mood tracker for “MoodMate,” a fictional wellness app. Users can select their current mood from a set of emojis, and the selected emoji will be displayed with a motivational message. Use a calming color palette with pastel backgrounds (#F3E5F5) and bright emojis. Ensure the layout is clean and easy to use.
Requirements:
Emoji Selection: Display a row of emoji buttons for moods.
Display Area: Show the selected emoji and message below.
Typography: Message text in Arial, size 18px.
Handle emoji selection and update the display area.
Responsive Design: Arrange emojis in a single row on large screens, stacking on smaller screens.