Design comparison
Community feedback
- @mgallegoaPosted about 2 months ago
Hi @xStephx,
Good challege solution and excelent responsive design, I get valious trick looking in your code.
I didn't work with Tailwind CSS before, glad to heard your thought about the experience in this challenge.
Just few comments:
- If you like the design match perfect with the page (and don't have the Figma values) you can use PerfectPixel extension to match the design with my page, it help me a lot (chrome-extension://dkaagdgjmgdmbnecmcefdhjekcoceebi/settings.html), hoping you too.
- Solving this challenge, I learned about FontVariants to improve the file size of fonts and, in fact, improve the site speed, this is a good video from Chrome dev https://www.youtube.com/watch?v=jO8iVc4hEe8&t=27s
- I am not sure if it is a good idea to put the "<!-- Intro Section Curvy Illustrations -->" div out of the main, it brocke the html5 structure. Glad to heard you about this.
Glad if you shot me in: https://www.frontendmentor.io/solutions/responsive-movil-first-fonts-variants-fylo-landing-page-using-bem-0zXUsDuNi0
:)
Marked as helpful1@xStephxPosted about 2 months ago@mgallegoa thank you so much for your feedback! I will try that advice for using that extension, and thanks for other suggestions. If you have any other advices/suggestions, feel free to text me! :)
0@AlfredKonnehPosted about 2 months ago@xStephx I want to learn web development, but I'm learning as self taught. Are you learning by yourself or you are school in learning web development. Please help
1@xStephxPosted about 2 months ago@AlfredKonneh I am also learning as self taught. If you want learn web dev, everything is on internet, you can search on YouTube what you want, or you can learn from here on FEM they have some paths.
0@mgallegoaPosted about 1 month ago@AlfredKonneh , I agree with @xStephx, you can search in Internet.
I recommend buy an O'Really suscription, there are tons of excelent author with courses, but here are some resources where you can study by yourself for free: Articles from FrontEnd expert about differents topics for css html js: https://css-tricks.com/ In youTube css Guru: https://www.youtube.com/@KevinPowell FrontEnd academy: https://www.youtube.com/@academind
Of course https://www.youtube.com/@freecodecamp , there are tons of topics but you can filter by thecnologies you are interested for.
Hopping this help :)
1 - @ValchaliPosted 2 months ago
Good hands, big cheers from here. Hope i can learn a few stuff from you..
2@xStephxPosted 2 months ago@Valchali thank you so much! I'm glad that I can help you to learn by me. Happy Coding!
2 - @willsf2021Posted about 1 month ago
Congratulations on the solution, especially on the form validation! I saw your code and using Tailwind CSS framework does not diminish its merit in any way, in fact, it shows a high level of knowledge! I'm going to try to solve this same challenge using React JS/Styled-components, I hope it's as good as your solution and that you can evaluate it!
1@xStephxPosted about 1 month ago@willsf2021 thank you so much for your feedback! Yeah I do with Tailwind CSS framework, because for me it is very cool framework for using it, and doing powerful things. About your idea to do it with React JS/Styled-components, that is more better than using just Tailwind CSS. Happy coding!
0 - @Rustom0Posted about 2 months ago
why your html so different can you teach me
1@xStephxPosted about 2 months ago@Rustom0 because I am using TailwindCSS framework.
0@Rustom0Posted about 2 months ago@xStephx how does it work can you explain caus when i see your code i fell like am a small fish in the pond
0@xStephxPosted about 2 months ago@Rustom0 it is simple, if you know good CSS with Tailwind CSS docs you can search for classes and just write where you need to customize.
0 - @adewoleademolaPosted 2 months ago
It looks fantastious
1 - @riyad-96Posted 2 months ago
It was so smooth & inspiring. Keep it up.
1@xStephxPosted 2 months ago@riyad-96 thank you so much! I'm glad for that you like my work, and inspiring you.
0 - @asimnisar2746Posted 2 months ago
well done, keep it up your frontend skills are amazing. On this page, in the footer element, when I hover on "About Us", the other links on the right side are disturbed as the About Us becomes bold on the hover, I think defining absolute width to that div may prevent this. I have followed you since I made this account on Frontend Mentor and always get inspired by your consistency. Best wishes.
1@xStephxPosted 2 months ago@asimnisar2746 thank you for your feedback! I'm glad that you liked my work and that giving me motivation when someone like my work, and get inspired from me. About footer element, on hovering "About Us" yeah I saw that right side are disturbed, I will fix it asap as other bugs on design. If you have any other suggestions feel free to text me!
1 - @jaysonalfiePosted 2 months ago
This is truly stunning. Its great to be able to see your work and great use of the Dark theme. Very nice
1 - @Sirch9Posted 2 months ago
Nice work! I hope my feedback makes sense to you, as I’m not as skilled as you are. I noticed that your navigation container isn’t quite responsive between widths of 320 and 425 pixels. The elements look a bit "squashed" and don’t display well.
I understand the design was provided this way, but I think a burger menu would be a much cooler solution.
1@xStephxPosted 2 months ago@Sirch9 thank you for your feedback! About navigation, yeah I saw that problem, and of course is better to make it with burger menu, but design was like this, so I will try to fix it for better responsive. If you have any other suggestions feel free to text me!
1 - @adamwhitehouse95Posted 2 months ago
Damn, your talented. Wish my code hit like this.
1@xStephxPosted 2 months ago@adamwhitehouse95 thank you so much! I wish you to be better than me!
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord