CY

@cyishere
Tianjin, China
140Points

Full-stack developer, video maker and film reviewer.

Latest Solutions

  • Desktop design screenshot for the Bookmark landing page coding challenge
  • Desktop design screenshot for the Stats preview card component coding challenge

    Stats Preview Card using CSS Flex

    • HTML
    • CSS
    0
    CY140
    Submitted

    I've learned about the accessible card component that in the HTML we put images after the title, then use order in CSS to arrange the position.

    When I started this project I didn't check the design of the desktop version carefully, so I didn't wrap the text together in the HTML, this made using the grid for the large view impossible.

    So I used position: absolute to arrange the image and used padding-right to narrow down the space for text.

    This is OK, right?

  • Desktop design screenshot for the Todo app coding challenge

    Todo App with ReactJS

    • HTML
    • CSS
    • JS
    9
    CY140
    Submitted

    Any suggestion about how to deal with the filter buttons on the desktop or mobile?

  • Desktop design screenshot for the Article preview component coding challenge

    CSS Flex is Powerful for Article Preview Component

    • HTML
    • CSS
    • JS
    4
    CY140
    Submitted

    For me, the difficult part is the different styles for share buttons on desktop & mobile. My solution is using two snippet code to achieve it, this also makes the javascript more complicated.

Latest Comments

No comments

CY hasn't commented on any solutions yet.