What are you most proud of, and what would you do differently next time?
I'm most proud of effectively using CSS Grid to build a responsive layout. Also, I realised that I build responsiveness faster by getting more accustomed to the mobile-first approach.
What challenges did you encounter, and how did you overcome them?
I encountered a lot of trials and errors with the JavaScript part, especially when working with dynamic data. I overcame these challenges by methodically debugging and refining my approach with each iteration.
What specific areas of your project would you like help with?
No specific ones at the moment but I always welcome constructive feedback.
What are you most proud of, and what would you do differently next time?
I am most proud of how I successfully managed the visibility and display of elements across different screen sizes (desktop, tablet, phone) with a mobile first approach. This project has really helped me get comfortable with manipulating display and visibility properties to create a responsive design that adapts well to various devices. However, if I were to do this project again, I would explore more efficient ways to handle responsive design, possibly by using more advanced CSS techniques like CSS Grid or Flexbox combined with CSS media queries. This might help streamline the process and reduce the amount of conditional logic required for different screen sizes.
What challenges did you encounter, and how did you overcome them?
One of the main challenges I encountered was juggling between what should be displayed or hidden depending on the format (desktop, tablet, phone). It was tricky to ensure that each element appeared as expected on each device without conflicting with the layout or user experience. I overcame this by carefully managing the display and visibility properties in my CSS and thoroughly testing the design on multiple devices to ensure everything worked smoothly. Although I feel there's a simpler way to achieve this, I'm satisfied with how this approach got me used to handling responsive elements.
What specific areas of your project would you like help with?
I'm having trouble understanding why, when I initially open the page in desktop mode, the image meant for mobile mode is sometimes displayed. However, when I refresh the page, the image disappears as it should. This behavior seems random—sometimes the image is there, and other times it isn't. I can't figure out what's causing this inconsistency. Also, I do hope that next time I will be able to finish the project faster by applying more efficient design techniques that I've learned from this experience. My goal is to continue improving my speed and efficiency in future projects.
What are you most proud of, and what would you do differently next time?
I wrote my first JavaScript lines and I understand how the DOM works. I'm proud of learning how to manipulate the DOM and seeing the immediate impact of my code on the webpage. Next time, I would spend more time planning the structure of my HTML and CSS to ensure a smoother transition between mobile and desktop views.
What challenges did you encounter, and how did you overcome them?
I struggled with juggling between CSS and JavaScript for displaying or hiding different div elements. Ensuring the HTML structure was well-organized was tricky because the layout for mobile was different from the desktop version, requiring some modifications to the HTML structure. I overcame these challenges by adopting a mobile-first approach, meticulously adjusting the layout for desktop, and thoroughly testing each change.
What specific areas of your project would you like help with?
I have an issue where elements are displayed incorrectly when switching from desktop to phone and vice versa without refreshing the page. I need help understanding how to manage state and events in JavaScript to ensure the correct elements are displayed without requiring a page refresh.
What are you most proud of, and what would you do differently next time?
I am most proud of successfully implementing a mobile-first approach and handling the customization of list item markers. Next time, I would focus more on enhancing accessibility features and exploring more advanced CSS techniques like animations.
What challenges did you encounter, and how did you overcome them?
One of the main challenges was manipulating the list item markers to match the design specifications. I overcame this by experimenting with different CSS properties and leveraging pseudo-elements. Overall, everything went smoothly with a well-structured mobile-first workflow.
What specific areas of your project would you like help with?
What are you most proud of, and what would you do differently next time?
I am most proud of the clean and responsive design I was able to achieve using Sass. The project looks great on various devices, and the code is well-organized with reusable variables and nested styles. This project has made me more comfortable with responsiveness, and I learned to do mobile-first development and use min-width and max-width to create more fluid responsiveness. Next time I will adopt a Mobile First approach straight from the beginning.
What challenges did you encounter, and how did you overcome them?
One of the main challenges I encountered was ensuring the layout remained responsive across different screen sizes. Initially, the layout would break on smaller devices, but I overcame this by implementing a mobile-first workflow and using media queries to adjust the styles for various screen widths.
What are you most proud of, and what would you do differently next time?
I am most proud of using better Sass techniques, including variables and mixin functions, which significantly improved the maintainability and readability of my code. This experience has given me more confidence in using Sass, and I look forward to utilizing more of its advanced features in future projects.
What challenges did you encounter, and how did you overcome them?
What are you most proud of, and what would you do differently next time?
Proud of: Implementing accessibility and clean code, and creating a template for any CSS sheet with standard styles.
Next time: I would incorporate more advanced animations and interactivity.
What challenges did you encounter, and how did you overcome them?
Since I already had experience in html5 and css3, it was pretty easy and accessible. I mainly focused on getting used to sass, and build an accessible page with a clean code.
