This project is the result of an activity called 7 days of code.
- day 1: I was presented with the layout of a page in Figma, so I analyze it and use it to create the header of my application, using the Mobile First concept.
- day 2: Continue development from what I did on day one, and implement the application's footer and floating button.
- day 3: On that day the focus was on CSS. In the application I've developed so far, the sizes of fonts and other elements are fixed for any device, which can cause problems on larger screens. My task was to start adjusting the application to use relative units of measure.
- day 4: Using media queries, my task that day was to reorganize the application's query list so that it is displayed in one, two or three columns, depending on the user's screen size.
- day 5: I changed the CSS in order to transform the items that were in the footer of the Mobile version into a 'side menu' format whenever the site is accessed on devices with larger screens.
- day 6: Continuing adaptations for larger screens, on this day I changed the 'floating button' paradigm to something more appropriate for tablet and desktop screens, such as a form.
- day 7: On the final day of the challenge, I made my application publicly available on the internet via GitHub Pages and Vercel.
