Skip to content
OverviewSolutions
7
Comments
32

Manoj Kumar Singh

@manojks092530 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Manoj Kumar Singh•530
    @manojks092Posted over 3 years ago

    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

    Marked as helpful
    1
  • Manoj Kumar Singh•530
    @manojks092Posted over 3 years ago

    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

    Marked as helpful
    0
  • Manoj Kumar Singh•530
    @manojks092Posted over 3 years ago

    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

    0
  • Manoj Kumar Singh•530
    @manojks092Posted over 3 years ago

    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.

    Marked as helpful
    1
  • Manoj Kumar Singh•530
    @manojks092Posted over 3 years ago

    Hey, please use the appropriate size of the image for smaller devices.

    0
  • Manoj Kumar Singh•530
    @manojks092Posted over 3 years ago

    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

    Marked as helpful
    0
View more comments