@mubaraqwahab
Submitted
Hey, can you share a tip on stretching the Mac image to the end of the screen? I couldn't do that. Thanks.
EDIT: Done now. Thank you @sankaragomathym.
If there's any other thing to improve on, I'd like to hear.
Looking to hire developers?
@sankaragomathym
@mubaraqwahab
Submitted
Hey, can you share a tip on stretching the Mac image to the end of the screen? I couldn't do that. Thanks.
EDIT: Done now. Thank you @sankaragomathym.
If there's any other thing to improve on, I'd like to hear.
@sankaragomathym
Posted
Hey Mubaraq Wahab.. Great work! Its very neat and scaling well.. For the mac image, first you need to remove the padding and margin set to its left. Then add a negative left margin. In mobile view, it can be set to auto. Hope this helps.. :)
@Giovnni
Submitted
I can't figure out how to get ride of the text layering. I used the text ID to gave it a hidden visibility or a none display but after that it appears that the text ID properties override the new properties and it don't show up at all
@sankaragomathym
Posted
Hey Giovanni! I guess you have complicated your code. Just keep it simple. Have 2 containers A and B (each inclusive of image, text, name). On initial load, let B have 'display:none'. In JS all you have to do is toggle displays of A and B based on ID or whatever selector you use.
The above is fine since there are only 2 testimonials. But when we have to deal with more number, instead of having containers for each testimonial, we can simply have one container in HTML and the content stored in JSON format. When slider is clicked, just fill in the corresponding content using JS.
Hope this helps.. You can refer my code if needed.
@hammercait
Submitted
Feedback more than welcome as well!
EDIT 9/17 redid code from the top and now more mobile responsive!
@sankaragomathym
Posted
Hey!! Nice work.. Adding 'box-sizing: border-box' to all elements will solve half of your problem. The padding will affect the width of the element when you resize. Next, instead of changing flex-direction to column, you can go for 'flex-wrap: wrap'. And try to avoid unnecessary margins. These are increasing the space between 2 elements in mobile view. Hope this helps.. :)
@SankThomas
Submitted
Added form validation, even though the error image still isn't working. I would love your feedback on this. Thank you
@sankaragomathym
Posted
Hey!! Glad to see another great work of yours.. Here are my suggestions..
Hope this helps.. :)
@sjbcreative
Submitted
Would be great to know peoples thoughts on the basic Javascript I have used to get the popup working, or if anyone has suggestion for how this whole part could be improved... Have I over-complicated this part of the task?
Also general Markup thoughts and feedback appreciated!
Thanks, S
@sankaragomathym
Posted
Hey! Nice work. There are few suggestions that I would like to give.
Hope this helps.. :)
@mukeshkar
Submitted
Any improvements pls comment
@sankaragomathym
Posted
Hey! Good work.. I would like to give some suggestions. Try to have a closer look at the colors given in the design and implement them. You can use linear-gradient wherever 2 shades of colors are used. And for radio buttons, text field and send button, you can use input elements in place of icons and p element.
Hope this helps.. :)
@jimski1991
Submitted
Not sure how to get that radio button to change colour
@sankaragomathym
Posted
Hey! You can hide the default radio button and position your custom radio button over it. So clicking your custom radio button would in turn trigger the default. You can write custom styles for checked state based on default's state. For more info, you can google custom radio buttons. Hope this helps.. :)
@SankThomas
Submitted
I'd like some help on displaying the tooltip so that when clicked it stays on the screen and it doesn't toggle as it is now.
@sankaragomathym
Posted
Hey! I guess you have got a typo in your JS file (in 2 places) where the 'tooltip' is misspelt.