Latest solutions
Newsletter sign-up form with success message - Frontend Mentor
#bem#sass/scss#styled-components#web-componentsSubmitted over 1 year agoResults summary component - Scss & Bem
#accessibility#bem#sass/scss#styled-components#web-componentsSubmitted over 1 year ago
Latest comments
- @gidhub48@Luis15Herr
Very good work! I recommend you read about the bem methodology. Currently your scss code looks like this, example:
.main{ div1{ div2{ div3{ } } } }
With the bem methodology you maintain the specificity of your classes, making it much easier to maintain the code.
Example of bem metodology with sames clases from above:
.main{...} .main__div1{...} .main__div2{...}
This way it will be much easier for you to make your css code :)
Marked as helpful - @JesusSan998@Luis15Herr
You can use a regex expression to validate the email and show the error :)
- @steveflores-013@Luis15Herr
Buen día amigo, muy buen trabajo para ser tu primera practica.
En el path de tu imagen, te hace falta un punto para especificar tu ruta.
actualmente lo tienes asi : <img src="/images/image-qr-code.png" class="img__qr">
Y deberias tener un punto por delante: <img src="./images/image-qr-code.png" class="img__qr">
Saludos :)
Marked as helpful - @richieAiello
Portfolio website built with React 18 and React Router v6.
#accessibility#parcel#react#react-router#sass/scss@Luis15HerrAmazing work :)
- @Maher0551071612
- @MarcoFranca@Luis15Herr
Hello, you could use a:
background-size: cover;
In your class: .card--img
So that the background-img of your div: fills all the free space.
Marked as helpful