Please provide suggestion on writing efficient code:
Nishant let me give you my personal opinion on your issues :
a) It doesnt matter whether you use basic or advance html/css, what does matter is the semantic of the site.
b) for active states you can use pseudo-classes, along with the container that can be set using pseudo-elements(::before) and thus with the help of opacity and z-index you will achieve the hovering over effect over the image.
c) as this site is simply from top to bottom you dont need to do anything exceptionally, as the site layout is same for smaller and larger devices, yea somewhere you might need to use flex for aligning items vertically or horizontally.
For your height issues, to fit it in a single page, you can wrap the whole document in a container and set the height of the container as height:100vh; and then for different sections you can distribute the height accordingly.
The last point might be confusing for now but when you'll use semantic html then things will become more clear to you.
Hope this will be helpful. Happy Coding :D
How to get red border on wrong entry, also why my email validation is not working? kindly help!
Hey there, if you want to input to turn red or any other color when incorrect, then use outline property in javascript. Like this : inputElement.style.outline = " 2px solid red";
PS: here inputElement is the reference to the form input element , can be for password or text.
Hope you'll find it helpful. Happy coding :D
HI GUYS...
Leave a comment if you wanna provide feedback! Thanks!
Hey buddy, good try. But there are some fixes regarding responsiveness of your site. Resize the window at 700px or 890px you'll see that the slider section and the main section overlap. What i'll recommend is rather using Javascript, first try to make your site fully responsive. then you can add your javascript accordingly. Hope this will be helpful. Happy coding
Hey I would like to receive some feedback on that challange, to make it better.
Hey there, nice work, there's a suggestion, if you resize your site to 560px or lesser, you'll find that the signup button in monthly subscription section, is automatically obtaining its size it would be better if you use the absolute width unit(px) rather relative unit(%,em etc) for lesser size. Hope this will help you better....Happy Coding.
Hey there, few manipulations that you need to do : a) The navigation menu b) On smaller devices its not responsive, the contents are overlapping to each other(375px) c) site layout on size 1024px
Hope it will help your layout of the page get better and responsive. Happy coding.
Hey, please use the appropriate size of the image for smaller devices.
Hey there, kindly review your code as the site isn't fully responsive, check the site layout when its above 375px or 376px, you'll see the difference. On the desktop/laptop screen the site appears fine, but if you check your site in toggle device toolbar(where you can check the responsive nature of your site on different devices) then you'll see that your site isn't fully responsive. Hope it'll help you. Happy coding. :D
Can't figure out How to inject a default JSON data that can be shown before clicking the options
Hey there, try to use AJAX technology such as Fetch API or XmlHttpRequest. The data will be uploaded as the page loads or as you wish to be. Hope this will help :D Happy Coding.
I have a problem that logo isn't align center on the mobile screen size and I need some suggestions for it
Hey there, nice try. Solution:
how can i remove the padding that comes when we apply paragraph tag and head tag ?
Hey suman, first of all, good work! You can remove padding either by individually setting it using property padding:0 or by setting it universally like this
*{ padding:0; }
It will set padding to 0 for every element in your web page.
Hope it's helpful. Happy coding
I had finished this project, but I wasn't satisfied with the results. I found a 2 1/2-hour live code video of this project on YouTube by Florin Pop, and started over from scratch. For anyone else who is finding this project a challenge, I suggest you watch at least part of this video. The URL is https://www.youtube.com/watch?v=9HVKR_hK0nY&t=7659s
I have written a fairly detailed README, which can be found on my GitHub repo, explaining my challenges and how I was able to solve them. One issue I'm having with the README is that my screenshots aren't displaying. I would appreciate it very much if someone could tell me what I'm doing wrong.
Another issue I'm having with all of my projects is with SVGs. I have not been able to figure out how to add hover effects, such as changing the color of social media icons when hovering over them, or changing colors in general. I would appreciate any help anyone can offer. Any other constructive feedback would also be very much appreciated. Thank you!
Kindly update your js code in github repository. Else the menu wont appear. Thanks
Hi, I would love to receive any contribution. Feel free for feedbacks!
Hey there good try. Well there need to be some fixes:
@media or media-query as required.