I would love to know how I would approach it if I will use React framework.
Honestly my solution is not that good, I would love to hear tips how can I improve it. Thank you!
How should I plan out my project so I can ship much more faster?
I am proud that I was able to learn how to use JSON file as a JavaScript developer since this was my first time and I am proud of it
What challenges did you encounter, and how did you overcome them?I face a lot of challenges while trying to use the json file format to display element in my page using the dom
What specific areas of your project would you like help with?All areas that needs refactoring
Hi great Solution! However if I may add, it's better to look up the design in various screen sizes. From what I can see, it has quite problems in tablet screen-size and mobile screen size. Your containers tend to overlap. You can fix this and adjust this by setting breakpoints using media querries and fixing it with CSS. Overall nice solution!
Great Work! It was nice to see how you were able make it responsive and how it validates email works well! However if I may add there's an issue with the site in tablet site. There's an overflow in the illustration image. You can fix this by adjusting the size of the container or by adjusting the sizing of your image using css. Overall Good job!
I am face challenge in css in media query.. I would appreciate suggestions on media query .. please
Great solution! To give you some tips using media queries it would be really nice if you start to switching em and rem for sizing and as much as you can avoid using pixels using queries because it would not make it responsive. It would've been better also max or min height and width instead of fixed sizes. Or trying using percentages because in that way it would be much more responsive. Overall it was nice! Keep Coding!
Great Solution! However if I may add, hover function is part of the challenge, you can do this by adding button:hover and changing opacity. In Mobile and Tablet Screen sizes there is an horizontal scroll which can easily be fixed by making sure the containers content is not overflowing. You can also add overflow: hidden on the parent container of the hero-left and hero-right images to cut off excess overflow. Overall nice solution and keep up the good work!
Great Solution! However, if I may add, it would probably best to look again in the given designs and see for yourself the layout differences in each screen sizes. Utilize media queries and set breakpoints for you to be able to position each card in the grid. It's also better to implement mobile first workflow because from what I see, mobile layout as well as tablet layout looks very stretch. Overall It was great and responsive! Happy Coding!
I faced challenges only in the layout section the first time, but the topic is very simple
What specific areas of your project would you like help with?...
Great solution! However the orientation of cards in the challenge are vastly different in different screen sizes. Try using media queries to create breakpoints and adjust the orientation of cards using grid or flexbox. Overall it was good! Keep Coding!
