Latest Solutions
- HTML
- CSS
- JS
Pod request landing page - HTML, CSS and form validation in JS
View SolutionWould welcome any feedback :)
- HTML
- CSS
- JS
Rock, Paper, Scissors, Lizard, Spock game - using Sass
View SolutionI wanted to challenge myself with this one - and oh my it was a challenge!! 😓
Please can anybody give me feedback on how to improve my code in this or approach this in a better way?
Is there an easy way to make all the DOM changes smoother and less jumpy?
Latest Comments
Sarah has commented on Sebastian Söderström's "Loopstudios landing page using scss" solution
Looks great! I couldn't figure out how to get the overlay on the creations, but now I see how you did it. Thanks! :)
Sarah has commented on Sylvain's "Nothing fancy: HTML CSS JS" solution
Hey!
When I view your site, it doesn't scroll down to reveal the form part. You should set min-height, instead of height to 100vh. Then on different screen sizes, it will allow you to scroll if it doesn't fit in the view. I believe you don't need to use 100vw as well.
For the mask effect, I used: background: linear-gradient(rgba(18, 23, 37, 0.9), rgba(18, 23, 37, 0.9)), url(./assets/mobile/image-host.jpg);
Then on the larger screen sizes I used a media query to change the background to the solid color.
Hope that helps :)
Sarah has commented on Muhammad Ahmed's "Responsive testimonial using grid" solution
Hey!
I used flexbox inside grid, instead of float, to layout the image. Using float is also indenting the first line of the header which shouldn't be indented.
You could also amend the line-height to space out the text a bit more :)
Sarah has commented on Nazia Kabri's "practicing css and html" solution
Hey!
Try to avoid using px for margins and padding as it makes the website not responsive on smaller screen sizes and it cuts off. I use a mix of % and rem as it is better for responsiveness and accessibility.
Also try to use a media query to change the design for mobile screens :)