i try to make it simple, but maybe i fail when setup html template, this transition so bad. welcome any idea & comment
btw: Happy new year!
i try to make it simple, but maybe i fail when setup html template, this transition so bad. welcome any idea & comment
btw: Happy new year!
your hero has overlapping content
srcset and size not workwell with dev tools, or maybe i make some bug, im stuck here 30min and only work when i use Mobile Simulator to test. I dont know why, welcome any idea and comment
dekstop view looks good, mobile view has some problems. Text is missing, a picture is mission and paddings are off
.card__img::after is spilling and the before class is also tinted cyan. Rest looks very good!
I write slider by my-self with pure js Ok that not good at all, maybe horrible, but i learned alot about transition and check visible by js code
What specific areas of your project would you like help with?I try my best, that not easy at all, it took me ~8h (~5 for slider lol). Welcom any idea and comment, now i rework this challenge with Tailwind CSS and Slick/Swipper...etc, Let see how speed is it
nice!
I'd like to use less height and width properties.
main section height proportions are off. image in mobile view is overlapping content. rest looks good, sidebar is working fine
looks good!
looks great!
great solution :)
That I completed this work without help. Next time I will try to finish the challenges within a Day.
custom tip amount doesnt work, and the reset button could reset the display values too, everything else looks fine
broken view
to get the email validate before it is send
What challenges did you encounter, and how did you overcome them?i was having difficulty with validating the email before sending it, but i search far and wide for a solution
What specific areas of your project would you like help with?Feedback is welcome
feedback on the input field when typing an invalid email would be nice, you can change input type to text for that(via type email the browser forces it). remove border style from button to make it visually more appealing. otherwise great job!
It took me a while to re-design the HTML and CSS when starting mobile design after finishing desktop design (basically where the wrapper/container divs should be). I should inspect the design images more carefully and think more thoroughly before I start writing codes.
What challenges did you encounter, and how did you overcome them?What I learned:
What's the exact layout method that align the drawers image and the article content? I use grid with "grid-template-columns: auto auto", but the widths of the two components were not the same as example.
excellent execution :)
try to implent the mobile view too. You can put the svg in the background using(background-image).
both desktop and mobile views look good, keep going :)
Getting it done. Learning flexbox and grid to create this was hard but I got through it
What challenges did you encounter, and how did you overcome them?Learn Flexbox and grid. It wasn't intuitive in the beginning but it started making sense
What specific areas of your project would you like help with?Refactoring is always an ask and just thoughts on how I could've done it differently.
making prices a list adds clutter, the button should not have the same bg color as the site. picture is also way to big. try to add a wrapper around the preview to scale down the whole thing.
wrong subtext color but looks good :)
looks good :)