Raajzz• 70
@Raajzz
Submitted
- What should be a good width for a card component?
Igor Ostojic
@igor-ostojic
All comments
- Igor Ostojic• 300
@igor-ostojic
Posted
Hey !
You did a very good job.
The width of the card is similar to the design, i would say the width on desktop is around 350px.
The only thing to add is that you should put max-width instead of width, so the card can scale down automatically when you resize the browser.
Marked as helpful
1 - Jani• 220
@Epikle
Submitted
Igor Ostojic• 300@igor-ostojic
Posted
Excellent work !
0 - bunee• 2,060
@buneeIsSlo
Submitted
Hi! It's been a good minute since I posted a solution on here. I have been teaching myself ReactJS and wanted to create a small project so, I chose to solve this newbie challenge for some practice.
However, I was unable to complete this challenge on my own. Thanks to this solution I realized where I was going wrong and managed to create my solution.
I have no questions for this one, but I'm open to any tips and feedback you have for me :)
Igor Ostojic• 300@igor-ostojic
Posted
Amazing work, i love the snappy animations !
1 - P
@shelb-doc
Submitted
I want to work on more data visuals
Igor Ostojic• 300@igor-ostojic
Posted
I love that you made the tooltip follow the mouse cursor, that is a very neat detail !
1 - Genjuurou• 50
@genjuurou
Submitted
Igor Ostojic• 300@igor-ostojic
Posted
Wow
Aside from the HTML issues That is a perfect design
Very good tailwind attempt !
0 - Javier Hidalgo• 50
@jhcanti
Submitted
Igor Ostojic• 300@igor-ostojic
Posted
Excelent work man !
0 - Dust98• 130
@Dust1100010
Submitted
Any tip to improve the code?
i'm using bem, flex and grid
Igor Ostojic• 300@igor-ostojic
Posted
The final product looks very good ! Almost the same as the original design
The only thing that's missing is the hover state. Great job !
Marked as helpful
0 - Carol Nonato• 40
@carolinanonato
Submitted
Oof, somehow after months only build React websites/webapps I somehow FORGOT the basics of vanilla JS? This was perfect to reminding me some of the basic stuff, like HELLO DOM my oldest friend. There's only one version available for now, I might do the other sizes later!
Igor Ostojic• 300@igor-ostojic
Posted
I was excited to look at your code and site but it seems it is deleted :(
0 - Matheus Pergoli• 130
@matheuspergoli
Submitted
I always hate working with images, it's my "Kryptonite", any help on that I'd appreciate, I'm still learning the basics of JS so, any help on that too is very welcome :)
Igor Ostojic• 300@igor-ostojic
Posted
Hey ! Great work so far !
So for the element "data-btn-generator" If you want to make it a perfect circle, it needs to have both a height and a width with the border radius at 50%.
As for the JavaScript, it all looks good to me !
1 - ahmed eid• 60
@ahmedmohamedeid98
Submitted
Your feedback is so important for me
Igor Ostojic• 300@igor-ostojic
Posted
Nice job !
I would recommend using an external style sheet, rather than doing Internal styles in the html document.
Marked as helpful
0 - Byron• 2,180
@byronbyron
Submitted
Hello ladies and gentlemen! Here's my version of the Manage landing page using Sass, Swiper JS for the testimonials carousel, and vanilla JS for the mobile menu and primitive form validation in the footer. Hope you like it! Maybe even leave a lovely comment 👌
Igor Ostojic• 300@igor-ostojic
Posted
Excelent work !
0 - Adrian Salinas• 160
@a-dri-an-S
Submitted
Any feedback is appreciated!
Igor Ostojic• 300@igor-ostojic
Posted
Excelent work !
Good job on using React !
0 - Sarah• 835
@sarahc-dev
Submitted
Focussed on improving my Javascript and also making accessibility improvements.
Would welcome any feedback :)
Igor Ostojic• 300@igor-ostojic
Posted
Love the way you did the smooth animations when changing the data !
I see you have used setTimeout. You can also use this for the animations :
requestAnimationFrame()https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame
1 - Luis Herrera• 795
@Luis15Herr
Submitted
Any suggestions to help me improve my code are appreciated :)
Also any question about my code will be answered :)
Igor Ostojic• 300@igor-ostojic
Posted
Pretty much perfect man !
Marked as helpful
1 - bunee• 2,060
@buneeIsSlo
Submitted
Hey! guys, I completed another challenge. What seemed to be a fairly simple challenge at first, had some really head scratching elements to it. Took me a while to complete, but in the end I got there.
Some not so necessary features
- Added a "loading" screen.
- Added some mildly satisfying hover effects.
Questions
I have no particular questions for this one, but would love the read your thoughts on it. Personally I feel like the code could have been much more efficient and accessible.
Acknowledgement
I want to thank @FlorianJourde and @beslerpatryk. Initially I wasn't so sure of how I'd approach this challenge, but looking through both of their solutions I picked up some really useful things.
Click here to view the Live Site
P.S. If you have any questions for me, Feel free to comment or message me on slack :)
Igor Ostojic• 300@igor-ostojic
Posted
WHAT THE HELL !
This is insanely well done....
I am seriously speechless...
Do you maybe have any tutorials / guides on how to achieve that loading animation and the initial dashboard animation ?
Everything is so smooth i can't stop replaying it....
And one more question , since i have just done this challenge, is there any way to animate the changing of content when it is fetched from the JSON file and rendered to the HTML ?
Thank you in advance ! Amazing amazing work once again.
0 - Bayoura• 105
@Bayoura
Submitted
Hello there!
This is the first project on frontend mentor where I used JS (not a lot, though). The most difficult thing for me was definitely the positioning of the images... I am rather happy with how it turned out in the end, but please let me know your thoughts! I am happy about any piece of advice or feedback you're willing to give!
Thank you in advance! :)
Igor Ostojic• 300@igor-ostojic
Posted
Amazing job done !
I love what you did with JavaScript !
1 - Anosha Ahmed• 9,340
@anoshaahmed
Submitted
I actually put quite a few new properties into practice for this solution, so I really enjoyed this challenge! Please leave some suggestions to help me improve, thank you.
Igor Ostojic• 300@igor-ostojic
Posted
How do you always make the design pixel perfect ?
Do you use Figma and copy all the widths and heights pixels or do you eyeball it ?
Amazing job !
Marked as helpful
2 - Olalekan Ogundele• 290
@whoiskekeanyway
Submitted
I need someone to help with the switch button movement. it works like this but I am unable to make it move.
Igor Ostojic• 300@igor-ostojic
Posted
Excelent job !
0 - Maciej Duda• 100
@mcdud
Submitted
My 3rd challenge. Came to frontendmentor challenges after a break. This challenge was pretty simple. Still using BEM, makes my CSS organized and easier to manage. Appreciate any feedback. Have a nice day!
Igor Ostojic• 300@igor-ostojic
Posted
Very nicely done !
Marked as helpful
0 @arsalgrakhman
Submitted
Igor Ostojic• 300@igor-ostojic
Posted
Very nicely done, nice use of clamp !
0- ShivaHfard• 10
@ShivaHfard
Submitted
Hello everyone Since this is the first time I'm doing a challenge, I'd really appreciate your ideas on how to improve my coding skills, all the way from using Bootstrap, CSS classes, HTML elements, ... to the clean code. Thank you in advance.
Igor Ostojic• 300@igor-ostojic
Posted
Not a bad job at all !
You can try doing it without bootstrap, so you can get more familiar with vanilla css and html
if you need any help, you can check out my code here : https://www.frontendmentor.io/solutions/responsive-card-component-HDfLTIrz6
1 @hikarizinha
Submitted
Igor Ostojic• 300@igor-ostojic
Posted
Excellent !
Very good job.
1
