Fun Design
What challenges did you encounter, and how did you overcome them?Nothing
What specific areas of your project would you like help with?Nothing
to design this project you have to know css flex/grid.
feedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedback
What challenges did you encounter, and how did you overcome them?feedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedback
What specific areas of your project would you like help with?feedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedbackfeedback
Nice, but look my solution i got it as similr
nice project specially in the transition animation
As this is my first project on Frontend Mentor, I’m proud of myself for starting this journey.
What challenges did you encounter, and how did you overcome them?There weren't any.
What specific areas of your project would you like help with?I welcome all feedback! 😊
The only thing that bothers me is that the text does not line up perfectly (not to mention the QR image).
Looks similar, keep going, day by day you will gain new technique
I am most proud of the end result, the small tweaks and changes I saw occur as I inputted code and check the design were most rewards to me. Next time I'd like to try a different text editor to see if there is a difference. I'd also like to switch up images and text to see what that conversion rate would be at the end result.
What challenges did you encounter, and how did you overcome them?I experience quite a few typos (on my end of course) that would mess up something in the result and thankfully I was able to back track and catch them in a timely manner.
What specific areas of your project would you like help with?I'd like help with understanding the , another example of a parent an child , and to play with the 4 Selectors of CSS (Panning, Margin, Border, and Content).
In the background add background position top to make project similar.
Looks great, the only one i mention is round the container and use overflow hidden instead of rounding the img
To achieve best design use figma file, it's free plus project, you can look my solution
I must say that simply using JS for the first time in a basic HTML, CSS, JS project makes me feel very proud. I struggled a bit in a few moments but I successfully overcame each of them. Next time, I would probably choose to use a CSS framework or a JS framework.
What challenges did you encounter, and how did you overcome them?
position: absolute.Not quite sure if the JS script could had been written in an easier way. Also, please look over the popup transition if it's done correctly. Thank you in advance!
While working on the project, i was able to practice CSS grid and flexbox. also learn a bit about flexbox, i would like to learn more about responsiveness.
What challenges did you encounter, and how did you overcome them?While working on the project, i had problems with embedding the the font but i was able to figure it out later on.
What specific areas of your project would you like help with?I would like help learning further about responsiveness.
Looks well, the only errors i find it is responsive. Make hall card element center, you can achieve that code section element instead of body Make section element to min-height: 100vh; display: flex; place-items: center. In the card parts specify max width element and margin: 0 auto;
As you know this project have free figma file that you can use it to achieve the best solution in term of gap between objects, padding and much more. I see some errors in html, the only one i see it:- use button element instead of div in learning parts. In css file use correct padding and margin extracting from figma file.
Functionality works perfect, this project equal a complete course to learn to solve
