@ansarstellar
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
Latest solutions
Time tracking dashboard
#reactSubmitted 11 months agoAs always, feedback is always welcome, if you see any area that can be improved please let me know.
Newsletter sign up with success message
Submitted 12 months agoAny feedback is always welcome. Thanks.
Article preview page using JS, CSS and HTML
Submitted 12 months agoPlease take a look at my code and if you have a better way to implement the button interactivity let me know. Thanks.
Responsive landing meeting app page using CSS grid and flex.
Submitted 12 months agoAny feedback is always welcome. Thanks.
Mobile first Testimonial grid section challenge.
Submitted 12 months agoFeedback is always welcome, if you see an area that can be improved please let me know. Thanks
Responsive four card feature section.
Submitted 12 months agoPlease let me know of anything that will improved my solution. Thanks.
Latest comments
- @cacesasa
Hello, good job finishing the challenge. I think you need to try to iron some wrinkles here. Your final result is not close to the original design. Maybe try using some JS to reduce the amount of code that you need to write.
- @raficode2303What are you most proud of, and what would you do differently next time?
the email valid/invalid notification. next time i try to plan the code more clear.
What challenges did you encounter, and how did you overcome them?how to pass data from page to another page. search it online for answer.
What specific areas of your project would you like help with?how to make `` text to align to the top of the
list-style-imageinstead the bottom? what it the AVERAGE estimating time for this kind of project.? Discover easy-to-follow strategies for improving code quality and learning.@cacesasaCongrats and great job finishing the challenge. Your solution looks good, whith good implementation of semantic HTML as well as reusable and well-structured code. I thing that the success windows are reverse, the desktop view shows when on mobile view and the other way around. Happy coding.
Marked as helpful - @mowzayo@cacesasa
Hello and congratulation on finishing the challenge. After looking at your code, there are some things that you can improved on, for example, the use of a separate style file instead of writing all your styles in the HTML file, it's easy to read and reuse. The use of media queries to add break points for different screen sizes, if you try your solution on a small screen you'll see that the mobile view is broken. Happy coding.
- @msjohn41@cacesasa
Hello and congrats on finishing the challenge. Your page includes semantic HTML and the solution is close to the original design. The code is redeable and reusable. When it comes to resposiness it is a little bit broken because the transition between screen is not seenless, maybe try to use fix width for your different screen sizes, it will make transitions smoother. Happy coding.
- P@inappdesign@cacesasa
Hello John, First, congrats on finishing the challenge and well done. Your desktop view is almost a carbon copy of the original design, you implemented semantic HTML well and your HTML structure is good. Your code is readable, and reusable. The transition to the mobile view is not perfect, and that is easy to fix. For your media query I recomend setting the min-width to 72rem becuase of the width of the desktop view is around 70rem, instead of max-width for the main tag, just use width: 20.4375rem and don't set a height, it will auto adjust. Hopefully that will help and happy coding.
Marked as helpful - @dirkvankrieken@cacesasa
Good job finishing the challenge. Your HTML is well structured and your solution shows a good use of semantic HTML. Your mobile solution is really close to the desing but your font-sizes are a little too big. The desktop solution is well design as well but the cards differ from the original a bit but overall good presentation. I will recoment trying to match the design a little closer. Happy coding.
Marked as helpful
