I still have a problem with width and height properties of whole page, when page shrinks it looks like its cropped, cant handle this

zee
@zeenox-stackAll comments
- @bobek1337Submitted 30 days agoWhat challenges did you encounter, and how did you overcome them?
- @Baphomet-998Submitted 4 months agoWhat are you most proud of, and what would you do differently next time?
Getting the details right i guess.
What challenges did you encounter, and how did you overcome them?-
I struggled with centering the card first. The way that work for me was making the flexbox method
-
The detailed alignment of the inline elements into blocks,notably the span and time elements both in the Html and Css, then again Flexbox helped with that.
-
- P@DavyZaneSubmitted 5 months agoWhat are you most proud of, and what would you do differently next time?
During my previous challenge I relied on the video of Kevin Powell completing the challenge. It had been very informative for me. Thanks to the good explanations in this video, I was able to complete this new challenge on my own. I am really happy with this course, I can't wait to move on to the next challenge!
What challenges did you encounter, and how did you overcome them?This time the main difficulty was not the responsive design but the use of the CSS grid function, with grid-template and grid-template-areas in particular. I took my time to understand how it worked because the first time it is not easy to understand and implement. But this function is really too good!
What specific areas of your project would you like help with?Any advice is welcome! I like the advice on good coding practices.
@zeenox-stackPosted 5 months agoThat Looks fantastic, keep up the good work! just a small tip try increasing the font size of the heading and it should work out well enough!!! hope that helps, happy coding.
0 - @GouseMunvarSubmitted 6 months ago@zeenox-stackPosted 6 months ago
The radio buttons doesn't seem to work properly also there seems to be no JavaScript included, which is bad practice as this project has a js tag. The good, be sure to add the js in future. You can also checkout my solutions code too
Marked as helpful0 - @radhaBharadwajSubmitted 7 months ago@zeenox-stackPosted 6 months ago
umm, the site is kinda broken when i open it. Could be an issue but give it a check!
Marked as helpful0 - @ClaudiaRamirezDSubmitted 7 months ago
- @Lakhdar-archSubmitted 7 months ago
- @GiorgiOsha95Submitted 7 months ago
- @juan-mentorSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
De poder situar los iconos de las listas centrados con los textos de los
list-items
Está claro que aún me hace falta practicar más con diseños responsive. Como plantear la estructura y organización del proyecto (a veces me pierdo en los detalles como tipografía letra, tamaño, color, etc.).
Debería mejorar como está estructurado el HTML (no me convence del todo que sea el más idóneo).
En cuanto al Css debería organizarme mejor y empezar por lo general e ir avanzando hasta lo más concreto.
What challenges did you encounter, and how did you overcome them?El tratar de posicionar el icono del list-item.
En realidad no lo pude superar, así que lo sustituí por un pseudoelemto
What specific areas of your project would you like help with?::before
y lo posicioné de forma absoluta, respecto de su list-item.Sobre todo manejar los iconos de los pseudoelementos
::marker
Si se supone que son hijos de sus list-items, ¿ por qué no se pueden posicionar absolutamente ?.
Si alguien conoce la respuesta a dicho misterio, me gustaría que lo compartiera con un pobre aficionadillo al código CSS ( antes de que me vuelva tarumba).
Gracias a todos por vuestra paciencia y comprensión.
- @silentcodedevvSubmitted 7 months agoWhat are you most proud of, and what would you do differently next time?
Watch me do this challenge: https://youtu.be/d138V5DcOGY
- @hukvadimSubmitted 7 months ago