Skip to content
OverviewSolutions
10
Comments
7
P
Gina Wang
@gina-wang-1021

All solutions

  • Submitted 3 months ago

    Time page with HTML, CSS and vanilla JS

    • HTML
    • CSS
    • JS
    1

    Would appreciate any sort of feedback regarding accessibility, responsiveness, clean code, etc. I would also like to try out using SCSS next time, if anyone has any great resources for newcomers in the field, I would greatly appreciate that too!

  • Submitted 3 months ago

    Page with HTML, CSS, and vanilla JS

    • HTML
    • CSS
    • JS
    1

    Anything would be helpful!

  • Submitted 3 months ago

    Preview page with HTML, CSS, and vanilla Javascript

    • HTML
    • CSS
    • JS
    1

    There are multiple areas that I was struggling in - would love any advice on how to approach them!

    1. How do I create a tailwind for the popout? I saw a great approach using position absolute for the :after element and position it in relation to the popout, but my popout is itself positioned absolute so I couldn't us this approach.
    2. For the desktop view, I'm currently positioning the popout with top and left properties, however, I had to calculate the px for both of these properties to center the popout according to the share button. Would appreciate any ideas that would make this more responsive and straightforward!
    3. I can't figure out a way to make the share button align with both the author's information and the share popout in all devices size. At some point when I shrink the viewport to a size between desktop and mobile, the share button is positioned weirdly (it always stays horizontally aligned with the author's information, but it's a lot higher compared to the popout)

    Would appreciate any ideas to solve these problems! Thank you.

  • Submitted 3 months ago

    Responsive Grids with HTML and CSS

    • HTML
    • CSS
    1

    Anything making it responsive and accessible would be great!

  • Submitted 4 months ago

    Four cards page with vanilla HTML and CSS

    • HTML
    • CSS
    1

    Any feedback regarding clean code, accessibility, semantic HTML, or anything else are all welcomed!

  • Submitted 4 months ago

    Responsive Card Preview with Vanilla HTML and CSS

    • HTML
    • CSS
    1

    My "card" component has a height of 455.5 instead of 450 as set in Figma when viewed in desktop view, this results in a white space under the image as the desktop image has a height of 450. However, I couldn't figure out why it was behaving this way. I tried solving this problem by switching between min-height and height set on different components, switching between padding and margin, and also not using border-box - none of those worked tho... Any thoughts on why?

  • Submitted 4 months ago

    Responsive Recipe Card using plain HTML and CSS

    • HTML
    • CSS
    2

    Once the viewport width is less than the default card width for a certain degree, the card starts to overflow on the left side. How do I solve this problem?

  • Submitted 4 months ago

    Plain HTML and CSS

    • HTML
    • CSS
    2

    How to make it responsive!

  • Submitted 4 months ago

    Card Preview with HTML and CSS

    • HTML
    • CSS
    1

    Better ways to align items and how to write cleaner code.

  • Submitted 4 months ago

    Static QR Code with plain HTML and inline CSS

    • HTML
    • CSS
    1

    positioning items horizontally, best practice regarding positioning