Taariq Mamun• 50
@taariqamozilla
Submitted
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.
BHARAT
@nicobreins
All comments
- BHARAT• 290
@nicobreins
Posted
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 - Bazmul• 55
@MoBazmul
Submitted
how to set media queries breakpoints on devices like iphone
BHARAT• 290@nicobreins
Posted
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
@Jennifer1919
Submitted
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!
BHARAT• 290@nicobreins
Posted
In HTML5 input type='email' by default show error if email is not formatted correctly. You don't need to use JS.
0
