MELLAL Fethi• 70
@Black-crypto-gif
Submitted
What challenges did you encounter, and how did you overcome them?
Responsive layout
ortiz-antonio
@ortiz-antonio
All comments
- ortiz-antonio• 120
@ortiz-antonio
Posted
Why don't you use an image for mobile design? In the media query for the desktop design, why do you use a single column?
Marked as helpful
1 - PBridget Akellian• 80
@bakellian
Submitted
What are you most proud of, and what would you do differently next time?
lots of googling
What specific areas of your project would you like help with?
- image: can not get object-fit to work?
- responsiveness: was trying to find a way to get text to wrap when adjusting screen sizes but can not find a solution
would love any feedback, thank you
ortiz-antonio• 120@ortiz-antonio
Posted
Perhaps increasing the font size based on screen resolution using media queries?
0 - LFMachuca• 30
@LFMachuca
Submitted
ortiz-antonio• 120@ortiz-antonio
Posted
You can add padding to the buttons to make them larger, similar to the design.
Marked as helpful
0 - Taiwo Sumayyah• 90
@Sumta4real
Submitted
What are you most proud of, and what would you do differently next time?
I was able to properly able to use github for my version control
What challenges did you encounter, and how did you overcome them?
Nothing really
ortiz-antonio• 120@ortiz-antonio
Posted
Why does the shadow grow when I hover over the title?
0 - José Marcolino• 10
@JoseMarcolino1
Submitted
ortiz-antonio• 120@ortiz-antonio
Posted
Nice start! You can inspect the Figma design to view the font specifications and spacing.
0 - Ahmed Salama• 70
@AhmeedSalama
Submitted
ortiz-antonio• 120@ortiz-antonio
Posted
Where is the background image?
0 @fernandatollotti
Submitted
What are you most proud of, and what would you do differently next time?
I take great pride in having achieved this challenge, especially considering that, although I had some knowledge in the field, it had been a while since I practiced this type of activity. The experience allowed me to overcome what seemed like a significant obstacle and reaffirmed my skills and confidence.
What challenges did you encounter, and how did you overcome them?
The biggest challenge in this type of task is reproducing exactly what is in the image. Even when using layout design tools like Figma or XD, achieving a pixel-perfect result is difficult. Making the layout look exactly the same is a significant challenge for any developer
What specific areas of your project would you like help with?
I would appreciate help especially with spacing and sizing to improve and tackle other challenges throughout my journey. Additionally, the other parts were easier to handle since I already had prior knowledge in HTML and CSS. Any feedback is welcome; I want to grow and become excellent in my field, and also help other developers.
ortiz-antonio• 120@ortiz-antonio
Posted
Great work! You're using rem units without setting a base font size on :root. This could potentially lead to inconsistencies across different browsers.
Marked as helpful
0- ShelbyG2• 10
@ShelbyG2
Submitted
ortiz-antonio• 120@ortiz-antonio
Posted
Nice start! Did you intentionally use an oval shape for the avatar?
0 - MEHDI204• 90
@MEHDI204
Submitted
ortiz-antonio• 120@ortiz-antonio
Posted
Great start! Could you explain why you're using position: absolute? The text seems to shift from the card when I resize the window.
0 - Tauane Custódio• 330
@tauanecustodio
Submitted
ortiz-antonio• 120@ortiz-antonio
Posted
Love your code! Your semantic markup is excellent.
Marked as helpful
0 - Fernando• 80
@fernandosotosanchez
Submitted
What are you most proud of, and what would you do differently next time?
Me alegra volver a poder seguir estudiando desarrollo web , y pues vamos espezando viendo cursos y poner en practica con los desafios que tenemos aqui en Front-end y poder practicar hasta poder lograr mas cosas geniales.
What challenges did you encounter, and how did you overcome them?
De que no habia yo parcticado púes se me dificulto, lo que mas me falla es en pocisionar los elementos y ponerlos y/o centrarlos donde yo quisiera
What specific areas of your project would you like help with?
Me gustaria que me dejen comentarios sobre mi código, en que puedo mejorar , mejores practicas al escribir , recursos donde pueda aprender x o y cosa se los agradeceria bastante y aunque no les parezca me podre sentir motivado al leer sus comentarios, gracias !!
ortiz-antonio• 120@ortiz-antonio
Posted
Muy buen trabajo con el código. Te recomiendo usar media queries para el diseño web responsivo
Marked as helpful
0 - beardedbe4n• 10
@beardedbe4n
Submitted
What are you most proud of, and what would you do differently next time?
this was the first time i coded anything that wasn't spoon fed. there was a lot of instruction but the basic things I had to google, it is so different in practice.
What challenges did you encounter, and how did you overcome them?
my main challenge was linking the google font, as well as (and I cant figure it out) the top border radius of the qr code
What specific areas of your project would you like help with?
the top borders of the qr code image as well as best practices for formatting
ortiz-antonio• 120@ortiz-antonio
Posted
Keep coding, you're doing great! To fix the image cropping issue, try replacing padding-top: 10px with margin-top: 10px; in the .imgCode class. Understanding the CSS box model will help you make more informed styling decisions.
Marked as helpful
1
