Good job working on the design. Please check the 'Start New Order' button as it is not working.
I'm proud of completing this challenge!
What challenges did you encounter, and how did you overcome them?I struggled with deploying the project.
What specific areas of your project would you like help with?Anything that can help me improve.
Hello Tesla_Ambassador. This was a good challenge, I also enjoyed working on it. Thanks for your feedback, will implement that. Happy Coding!
I'm proud of being able to put together without using any tutorials. I used MDN documentation but I can tell that my ability to think like a programmer and understand how to break certain problems down has improved significantly, and this project was was challenging but fun all the way through.
What challenges did you encounter, and how did you overcome them?I got confused when I realized I was building functionality for one input that I already created for another input, and refactoring my code to use the same functionality once took longer than I thought it would.
What specific areas of your project would you like help with?I always love feedback to improve my work, I'd love feedback on the layout of the app in between the mobile view and desktop view.
Good work implementing the design. I have tried the live site and it's not working as expected. Please check
Good work implementing the design. ✅Clear HTML Structure ✅Form Validation
I learned new attributes and experimental css rules such as the popover API and anchor-name. At the end I didn't use these but I did some experiment and I think it will be great for placements of popover when the browser support will be better.
I pushed the requirement a bit further by adding more interaction in javascript for :
I keep learning about accessibility testing.
I wanted to use the popover attribute but faced some issue to style it respecting the design. After a while trying to find a way to use this attribute on mobile and desktop I decided to switch back to a classic div and JavaScript functions. I felt I needed to add a lot of markup to respect the figma design between mobile and desktop. The fact that the element is displayed in the top layer made it complicated to style it on mobile because the popover element isn't influenced by parent display or overflow properties.
What specific areas of your project would you like help with?Accessibility. I tried to do my best with svgs, links and keyboard navigation. I'm always open to suggestion for improvement in this area.
Good job! Use semantic elements like <header>, <footer>, <section> to improve accessibility
Good job replicating the design and making it mobile responsive
In this challenge I was able to understand the power of grid and it's responsiveness
What specific areas of your project would you like help with?Having completed the challenge. I will like anyone reviewing this work to tell me how i can make it look better and also a simpler code or approach I can use. Thanks
Good job: Use of semantic HTML ✅ Responsive design ✅ Well structured code To match the design provided, change the paragraphs color.
I am very proud to have managed to complete this challenge in its entirety.
What challenges did you encounter, and how did you overcome them?I had a little difficulty with the responsiveness but after a lot of research I managed to reach a good result, I believe!
What specific areas of your project would you like help with?I would like to receive any kind of feedback, any teaching is important!
Good job using semantic HTML and creating a responsive page
Good work. I recommend you use a '<table></table>' tag instead of '<div></div>' to create the table.
I'm proud of successfully creating a clean, social link profile that closely matches the design. It was a great opportunity to practice my skills in semantic HTML and CSS Flexbox. Next time, I would like to explore adding some animations or links that actually lead ot somewhere when you click the buttons. Additionally, I would use a CSS preprocessor like Sass to streamline and organize my styles more efficiently.
What challenges did you encounter, and how did you overcome them?One of the main challenges I encountered was ensuring that this profile card looked good on all screen sizes. Initially, the layout didn't scale well between different devices. I overcame this by adopting a mobile-first workflow and using CSS Flexbox to create a flexible, centered layout. Additionally, I made extensive use of media queries to adjust the styling for various screen widths, ensuring a consistent and responsive design across all devices.
What specific areas of your project would you like help with?I think it was all good
Good work! Please use semantic HTML to improve accessibility of your site.
