Skip to content
OverviewSolutions
10
Comments
3
BHARAT
@nicobreins

All comments

  • Taariq Mamun•50
    @taariqamozillaSubmitted over 3 years ago

    Can someone please help with the mobile dropdown menu. I could create a fixed overlay for the mobile menu but had trouble with the shape and way the overlay was supposed to be placed.

    Agency Page Using Grid and Flexbox

    1
    BHARAT•290
    @nicobreinsPosted over 3 years ago

    Use pseudo element like ::before to add top triangle:

    modified your css below:

    #dropdown{
        position: fixed;
        z-index: 100;
        top: 4rem;
        right: 0;
        left: 0;
        background-color: rgba(255, 255, 255, 1);
        margin: 1.5rem;
    }

    #dropdown::before{
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        background: transparent;
        border-left: 20px solid transparent;
        border-right: 30px solid #fff;
        border-top: 35px solid transparent;
        right: 0;
        top: -30px;
    }

    [Res for Pseudo elements] (https://css-tricks.com/pseudo-element-roundup/) [Res for making triangles like this] (https://css-tricks.com/snippets/css/css-triangle/)

    0
  • BHARAT•290
    @nicobreinsPosted over 3 years ago

    Hey, Bazmul. Nice work!

    To set media queries for different device you'll need to know about standard breakpoints for different devices. This is a good reference : https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    0
  • Jennifer•220
    @Jennifer1919Submitted over 3 years ago

    The website works fine except for one thing:

    • if you first submit a real email adress everything is fine
    • if you then submit a wrong one the error message appear which is also fine -however if you then try to submit a real adress WITHOUT REFRESHING THE PAGE it doesn't submit it anymore Can anyone help me out? Thank you!

    base-apparel-coming-soon-master

    1
    BHARAT•290
    @nicobreinsPosted over 3 years ago

    In HTML5 input type='email' by default show error if email is not formatted correctly. You don't need to use JS.

    0