@Hussain760Submitted over 2 years ago
JO
@myspace8All comments
- @myspace8Posted over 2 years ago
Hello Hussain! Great work here...
Viewing your work from the design comparison, I noticed the text content (ie.
class="columns"in your code) is a bit shifted to the top and it distorts your design.You can fix this by assigning on the class, columns
display: flex;,flex-direction: column, andjustify-content: center.Again, you've done great work.
1 - @correlucasSubmitted over 2 years ago
š¾ Hello, Frontend Mentor coding community. This is my solution for the Stats Preview Card
Last month I learned a lots stuff giving feedback and fixing my old solution. You guys don't have idea how much code I've cleaned just by deleting unnecessary divs, fixing responsivity issues cause by elements with
fixed widthand many other stuff like that, more I study more I realize how noob I am with CSS/HTML. But was really good to see how bad was the old solution and how I was able to fix it with the knowledge I get by giving feedback and looking the others code.I had to update this challenge because my friend @Adriano Escarabote told that my older solution wasn't not good enough and that was not responsive on his Nokia 3310 and also in his Apple Watch. So I paid a lots of attention in order to fix the responsiveness issues and now the solution seems a little little little better. Thank you Adriano!
šØ I've added some custom features:
- šØāšØ Custom Gradients
- šØ Highlighted Text Animation
- š¾ Gradient Overlay Effect
š I saw multiple solutions with the exact some custom design and animations details I've add, this doesn't bother and I don't want the credits or attribution.
š² My advice is that instead of just copy and paste it, improve it, you can use these lines of code and improve your solution by customizing it, opening
Figmaand playing with your design, you'll learn a lots of stuff and possible even better results than mine, just paste and copying some lines of codes will not teach you nothing unless you try to customize it by yourself. So don't limit yourself by using a poor code and design, improve it.ā¤ļø For those who just copy the code/design and claimed that were an original solution, its fine, this shows that both of us have a good taste for design and like to customize out solutions.
And please, feel free to leave any feedback and help me to improve my solution!
