SelenaLewis• 80
@Rongbungbu
Submitted
romannst
@romannst
All comments
- romannst• 50
@romannst
Posted
Hello Selena, you've submited the solution of other challenge. Check the challenge that you've done and post it in the correct place.
0 - juan-mentor• 120
@juan-mentor
Submitted
What are you most proud of, and what would you do differently next time?
- De empezar a hacer un código algo más accesible, aunque aún estoy en pañales.
- Como la card es un contenedor independiente a lo mejor sería más conveniente poner un article y subdividirla en un header, content y footer.
What challenges did you encounter, and how did you overcome them?
- En esta ocasión y gracias al aprendizaje obtenido a través de Learning Paths, no he tenido ninguna dificultad.
What specific areas of your project would you like help with?
-
Quizás en el tema de accesibilidad, que me parece un gran acierto por parte de los desarrolladores.
-
Toda ayuda es bienvenida, al igual que todo comentario sobre por donde empezar a explorar dicho tema.
romannst• 50@romannst
Posted
Hey Juan! Great job with this solution, I noticed that you frequently use pixels. You should avoid using px as it is an absolute unit and not a responsive unit like rem or em, You should look at this article from a Frontend mentor dev, Why you shouldn't use pixels for font-size.
0 - Allan Sancley• 60
@AllanSancley
Submitted
What are you most proud of, and what would you do differently next time?
- Me orgulho de concluir o objetivo de deixar o pagina conforme o design.
What challenges did you encounter, and how did you overcome them?
-
O principal desafio foi o alinhamento tanto das linhas quanto das palavras para deixar conforme o design, e as sombras do cartão.
-
Fiz algumas pesquisas e encontrei alguns artigos sobre o assunto que tiraram as minhas dúvidas.
romannst• 50@romannst
Posted
Hi Allan, I see your solution has some common issues that affect responsive design on different devices:
- First i recommend u to use a modern css reset, Andy Bell or Josh Comeau both have good ones.
- Remove the width and height on the general box (the card). You don't need that. All it needs is a single max width in rem.
- The container class need min-height 100svh along with flex column properties to center. It's the browsers job to decide how tall the component needs to be.
I'm also just starting out, so it's good for me to try to help people who are going through the same path. Good luck with your upcoming projects!
0 - Vanessa M.• 350
@mendezpvi
Submitted
What are you most proud of, and what would you do differently next time?
It's a basic project, so I set a time to solve it and I did it!
What challenges did you encounter, and how did you overcome them?
I got a bit confused when applying the
sr-onlyclass to the ´h1´tag. Theleftproperty is set to a negative value for the viewport width.What specific areas of your project would you like help with?
None.
romannst• 50@romannst
Posted
Nice job!
0
