Hello frontend mentor community! This is my solution to blogr landing page challenge. Any feedback would be greatly appreciated!
Jary Cruz
@JaryCruzAll comments
- @Uzair-Ul-HassanSubmitted almost 2 years ago@JaryCruzPosted almost 2 years ago
Your solution looks amazing. The responsiveness is great and I really like the animations for the mini-toggle. One detail that I found was that the toggle for the product & company links is not working. The only one that's working is the connect one. Maybe you forgot to add it. Overall, you did a great job. You used Semantic HTML. Also clean & concise comments for your JavaScript.
0 - @Beshr-alkhabourSubmitted almost 2 years ago
Hey Guys, this is the first successful project | made on here, It looks kinda similar, | struggled with the box shadow and couldn't get it so | left it.
PS: I now realised that that image is not showing up and dont know whats the problem.
if you have any advice on how | could do it better please comment | would appreciate it.
Thank you
@JaryCruzPosted almost 2 years agoBox shadow is surely a tricky concept to understand at first but, with practice, you'll eventually get it. I recommend reading the documentation for box-shadow so you can better understand how it works if you haven't at: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow . Other than that, you did a great job. Congrats on completing your first project!
Marked as helpful2 - @primadoSubmitted almost 2 years ago
In order to get started with Tailwind CSS, I decided to redo my first challenge again and do it better.
@JaryCruzPosted almost 2 years agoYou did an amazing job. It looks identical to the original design. If you just started to use Tailwind you did a great job. There's really not much I could find. Keep it up !
0 - @abhijithmuthyalaSubmitted almost 2 years ago
Validation can be done much better, I'm yet to learn regex. I tried to make the form errors accessible using the
aria-invalid
,aria-errormessage
androle='alert'
attributes and tested using theNVDA
screen reader. It seems to be working fine. The W3C Markup Validator complains about therole
attribute though. Feedback is much appreciated, thanks!@JaryCruzPosted almost 2 years agoYou did an amazing job. I checked the code and it's pretty clean. You completed the responsiveness which is great. The only detail that could be improved is the email validation but you still haven't learned, so it's okay. Overall, an awesome job.
1 - @FabricioDagSubmitted almost 2 years ago
Basic html/css project i used to improve my notions about responsiveness Sadly the official project font still unavaliable :( Every feedback is welcome as always
@JaryCruzPosted almost 2 years agoYou did an awesome job. The code looks extremely clean. Also, the responsiveness is great and I don't see any scroll bars which is awesome. I really couldn't find anything else. Great Job !
1 - @Taras-opsSubmitted almost 2 years ago
Hello everyone :)
If you know how to do input better, write your recommendations there.
I hope you like my work) Have a good day)
@JaryCruzPosted almost 2 years agoI really like your work. Input ranges are one of the trickiest input types to handle and style so, congrats on that. The only thing I see is that the toggle for the year doesn't make the value on the prices change but I'm pretty sure you're aware of that. Overall, amazing job!
1 - @felipetn1989Submitted almost 2 years ago
Feedback welcome!
@JaryCruzPosted almost 2 years agoI took a look at your code and I honestly couldn't find anything on it. The only little small detail that I see on the screenshot is that the sizing of the cards are a little bit smaller than the design. Overall though, you did a great Job !.
Marked as helpful0 - @anasdwcSubmitted almost 2 years ago
Any feedback is greatly appreciated
Most content is created using Grid, Flex, and React
@JaryCruzPosted almost 2 years agoThe site looks amazing. The only little small detail I found was that you forgot to change the background color for the "Read More" Button. The layout is extremely well structured and all the elements have the correct sizing which is great. But overall, it looks really good.
Marked as helpful1