
Cornflakes
@CornflakesPlusAll comments
- @PhoenixDev22@CornflakesPlus
Great Solution! Loved the social media icons animation. Keep them solutions coming.
- P@visualdenniss@CornflakesPlus
Unique design, clean code, smooth render, "Alive" component, and overall amazing display. I'll have to implement some styles from here. Loved the gradient effect on the card, it feels like sunlight coming from the moving curtain. :D
May I ask, how long have you been a web developer (years of experience)? and could you recommend any online tools or courses to learn about web development?
- @0xabdulkhaliq@CornflakesPlus
Great job! Abdul Khaliq.
Nice and clean code, nice Read Me structure as well. For the Screen Reader Only file (
sr_only
), the CSS you used is a general copy-paste? Also, how did you get the badges in the Read Me file? - @PhoenixDev22@CornflakesPlus
Amazing design! Smooth transitions, ripple effect on click, card transition, everything as it should be.
You coded 800 lines in CSS for such a small project. That's crazy! (In a good way :D)
You must have like 10+ years of experience being a Web developer.
23 likes.... JUST ? Bro, you need to change your profile pic into a cute pretty girl and pick a name like Rebecca Chambers. 300+ likes easily.
I've seen people here swarming likes on the worst designs, just because the submission was by a pretty girl. LOL. Simps everywhere.
- @CornflakesPlus@CornflakesPlus
I'm having issues with the
label
tag here, can anyone suggest a fix to this? - @PhoenixDev22@CornflakesPlus
Nice solution Man! I loved what you did with the border-color and your handling of SVG images inside CSS. The SVG images were purely for presentation and it makes sense not to use them inside HTML. Oh and the
attribution
tag centered withtext-align
was pretty cool as well.I completed the challenge just about 2 days ago and wanted to check out your solution for improvements, and I learned ALOT! Keep up the good work dude!
- @CornflakesPlus@CornflakesPlus
I don't understand why the link text error. I've used the
aria-hidden
property inside theimg
tag not the anchor tag, strange. Can anyone point out the issue or a workaround? - @vanzasetia@CornflakesPlus
Hey Vanza! Nice and clean solution.
What's more impressive is your "Read Me" documentation. It's honestly really detailed. It seems like you spend more time on making documentation than coding 😄. Where did you learn to document in such detail?
- @CornflakesPlus@CornflakesPlus
I would appreciate it if someone can give some feedback on my HTML Semantics as well, like the use of
<section>
tags,<div>
tags, and the use of HTML for testimonials. I used<blockquote>
tags with headers. - @PhoenixDev22@CornflakesPlus
Excellent way of using VH and VW as background positioning. Elegant and as always. 👍💯
- @Azkanorouzi@CornflakesPlus
Amazing and unique. Nice, Azka! 👍✨
When viewing your webpage on device-landscape orientation, the text is not as it should be or is it like that?
Marked as helpful - @PhoenixDev22@CornflakesPlus
Awesome flip, Phoniex! Although, I got a little scared looking at all that
<svg>
tags in theindex.html
file. Is it that hard to make an SVG? How long did it take you? I'm intimidated I tell you. 😆 - P@miranlegin@CornflakesPlus
Almost Pixeled Perfect solution. Well done Man! 👍✨
- @PhoenixDev22@CornflakesPlus
Hey Phoenix! How ya doing?
You gave some incredible and well detailed feedback on my 3-column-preview-card-component. I wanted to check your solution as well for some best practices. Very nicely done, man!
It seems like you had a little trouble with FlexBox items, me too. I know you probably figured it out because it's 7 months old LOL ;D. But anyways, by setting the FlexBox items to
align-self: stretch;
it worked for me.Another thing I noticed is that you set the
min-height: 100vh
but why is your card not aligned the same as the original design?Marked as helpful - @CornflakesPlus@CornflakesPlus
Hmmm.. I've check my solution on VScode offline, and the card is centered perfectly but when I posted this solution, the centering does not match the original design. Can anyone point out the problem?
- @developertarik@CornflakesPlus
Hi Tarik.
For the image color, I've used the Filter property.
filter: opacity(0.6) drop-shadow(0 0 0 rgb(165, 3, 206));
You can search up the use of Filter property on CSS-TRICKS and MDN to learn more about them.
Marked as helpful