Skip to content
OverviewSolutions
45
Comments
5
Peter Jonathan-Hart
@PeeroDemba

All comments

  • Peter Jonathan-Hart•800
    @PeeroDemba

    Many bugs found

    The error messages are not properly displaying when they should

    Marked as helpful
  • Peter Jonathan-Hart•800
    @PeeroDemba

    Hey Bro, can i get your Twitter username?

  • Peter Jonathan-Hart•800
    @PeeroDemba

    Was this how you put the numbers inside the radio button?

                input[type=radio]+label:nth-of-type(1)::before{
                content: "1";
                
            }

            input[type=radio]+label:nth-of-type(2)::before{
                content: "2";
            }

            input[type=radio]+label:nth-of-type(3)::before{
                content: "3";
            }

            input[type=radio]+label:nth-of-type(4)::before{
                content: "4";
            }

            input[type=radio]+label:nth-of-type(5)::before{
                content: "5";
            }
  • Peter Jonathan-Hart•800
    @PeeroDemba

    Make the entire QR container relative to the body Let the div with the class container cover the entire QR section Then edit the width and heights in these selectors

    body{position: relative; width: 100vw; height: 100vh} .container{position: absolute; width: 25%; height: 70%} N/B: Toggle the width and height in the container class div tag as appropriate

    Marked as helpful
  • Peter Jonathan-Hart•800
    @PeeroDemba

    Hey Bro...Try positioning the body tag relative to the container

    In other words,

    body{ position - relative;} .container {position absolute;}

    Put the entire image into the container and try restyling it....Cheers

    And you do not need max and min widths to solve it.

    Do this instead,

    body{ position - relative; width: 100vw; height: 100vh} Then give the container an appropriate height and width also to make it look like the design

    Use media queries on the width and height in the container to align it on various devices

    Marked as helpful