I need help and feedback because when I worked with the project on a live server the design was accurate with the template but after deployment, it was not the same.
And also have a problem with the image using CSS background so I can change the image after resizing the media but it is not 100% accurate.
p.s. I gave up on a mobile hamburger. 😂
You have done an amazing job. For the image use img tag in a div and then you can change the size without any issues.
I could not get the flex box to work, nested items would move to next line. Also had issue with hover image change.
well done🤖. Now you just have to put the <img> and <p> tags into a separate div and then give the flex. it will work. and don't give too much margin. see the reference image and give it accordingly.
Didn't know how to create that form validation.
Congrats🤖
For form validation, you can use Regex (Regular Expressions).
I think messed up lot of things in this project and the major problem is with the background overlay. So, my fellow developers can any one help me to create an overlay like in the design. Thanks in advance :)
Congratulations Najib🤖! Your preview site is excellent. You can use mix-blend-mode: multiply; and the accent color is given in the styles guide. You can give the image height to 100%. I hope it will solve the problem.😊😊
Hello😀 You can leave your precious suggestions in the comments.😊
🤖Congratulations Tarun Kumawat for completing this challenge but I think you have submitted the wrong file. but it's good.
Your preview site is really good. you can improve on naming the classes. I saw you have given styles in h2's span tag in the HTML which I think you should give in the stylesheet for good practices. use main <main></main> tag instead of <div class="container">
My problem in coding lies with rendering my webpage appropriately in mobile view. Is there anything I need to know specifically to solve that?
I have always been having a kind of feeling of not having enough knowledge of any language before embarking on another one even if I can answer or practice any damn concept on it. Please is there a cure to this kind of syndrome?
Please, don't forget to criticize this project as well. The last one helped me to improve on some things like designing for Screen Readers.
Thanks!!
Use divs and h1 tags only instead of span. you can use a div to overlay on the image which shows that eye icon. give it styling of hidden and when you hover give it a display. and you'll learn by the time don't worry it's good.
Another easy peasy project. I did not use anything tricky. Just made it with HTML5 and CCS3. Any suggestion for me to get my code better is always acceptable. Please give me your thoughts.
Thank you Phoenixdev I really really appreciate the review and I will consider these points when programming. It was very helpful
