Skip to content
OverviewSolutions
21
Comments
4
Rabah
@rabahmilano

All comments

  • Hdev•215
    @hemanuelaSubmitted over 3 years ago

    I know that this a Newbie Challenger, but as a newbie, I did a lot of messing trying to adjust some details. I don't get how to put de bg-patterns yet. Maybe in another attempt. I will be back!

    Profile card component (first attempt)

    3
    Rabah•380
    @rabahmilanoPosted over 3 years ago

    well done! for the bg try this; background: url(imgLocation), url(imgLocation); then organize them with the background-position, background-size and others for each one ... good luck

    Marked as helpful
    0
  • Rabah•380
    @rabahmilanoPosted over 3 years ago

    good job! make for the body {min-height: 100vh}

    Marked as helpful
    1
  • Rabah•380
    @rabahmilanoPosted over 3 years ago

    well done! It looks great. But you still have some issues with the footer section in Ipad screen (1024 X 768)

    0
  • Grace•31,270
    @grace-snowSubmitted about 4 years ago

    Using accessible component from: https://github.com/scottaohara/a11y_styled_form_controls

    This repo should provide explanatory notes on how and why the toggle was built like that.

    Includes:

    • fully accessible toggle switch
    • javascript to toggle a class to show/hide the correct prices
    • responsive (clamped) font sizes
    • mobile first design

    Ideally, this sort of component should read dynamic data and insert the prices in rather than hard-coding in HTML. But I don't have time for all that today!

    Let me know if anything's broken :)

    Accessible toggle in HTML, CSS and JS with explanatory notes

    4
    Rabah•380
    @rabahmilanoPosted over 3 years ago

    well done!

    0