Skip to content
OverviewSolutions
17
Comments
16
Cornflakes
@CornflakesPlus

All comments

  • Cornflakes•290
    @CornflakesPlus

    Great Solution! Loved the social media icons animation. Keep them solutions coming.

  • Cornflakes•290
    @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?

  • Cornflakes•290
    @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?

  • Cornflakes•290
    @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.

  • Cornflakes•290
    @CornflakesPlus

    I'm having issues with the label tag here, can anyone suggest a fix to this?

  • Cornflakes•290
    @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 with text-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!

  • Cornflakes•290
    @CornflakesPlus

    I don't understand why the link text error. I've used the aria-hidden property inside the img tag not the anchor tag, strange. Can anyone point out the issue or a workaround?

  • Cornflakes•290
    @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?

  • Cornflakes•290
    @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.

  • Cornflakes•290
    @CornflakesPlus

    Excellent way of using VH and VW as background positioning. Elegant and as always. 👍💯

  • Cornflakes•290
    @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
  • Cornflakes•290
    @CornflakesPlus

    Awesome flip, Phoniex! Although, I got a little scared looking at all that <svg> tags in the index.html file. Is it that hard to make an SVG? How long did it take you? I'm intimidated I tell you. 😆

  • Cornflakes•290
    @CornflakesPlus

    Almost Pixeled Perfect solution. Well done Man! 👍✨

  • Cornflakes•290
    @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
  • Cornflakes•290
    @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?

  • Cornflakes•290
    @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