Latest solutions
Responsive landing page using css and match media query in JavaScript
#pure-cssSubmitted about 1 month agoPopup notification at desktop screen, just the way it was in the project.
Responsive page with css media query and flexbox
#pure-cssSubmitted 4 months agocreating for forum for learning responsiveness
Responsive landing page with flexbox and width
#pure-cssSubmitted 4 months agois it possible to style a th in the same tr tag to be in a row format without creating too many tr tag???
Latest comments
- P@the-Exalter@a2-112
So perfect a well done job I learnt alot from you
- @DennyDoesFrontendWhat are you most proud of, and what would you do differently next time?
This project helped me learn a little bit about tailwind-css. You can never know everything about something but you can keep growing.
What challenges did you encounter, and how did you overcome them?Had a lot of problems when trying to render images in Vite. Looked it up and tried so many alternatives but none of them worked. I came across the official vite guide and with that I was able to fix the issue in mere seconds. I would advise always reading the documentation if you ever get stuck with deployment. Not specifically tailed to vite but any deployment or build tool at all.
@a2-112Very impressive
- P@Mustapha909@a2-112
good one
- P@Alexwz89What are you most proud of, and what would you do differently next time?
I am very happy to manage to use Flexbox to generate this irregular box display and have better understood the media query.
however, I'd like to understand more about how to control the smooth transition effect when changing the width of page/body.
@a2-112This is so perfect and amazing
- @rechedev1What are you most proud of, and what would you do differently next time?
Neste desafio tive mais facilidade com flexbox em comparações ao outros desafios.
What challenges did you encounter, and how did you overcome them?Encontrei alguns desafios na responsividade do projeto, mas com alguns ajustes nas larguras eu consegui alinhar todo os meus itens com sucesso.
What specific areas of your project would you like help with?Neste projeto não foi necessário, mas aceito sugestões de vocês... :)
@a2-112You did amazingly well and the outcome is amazing. But you went against the hierachy of heading whereby you used a smaller heading before a larger heading (h6 before h1 which is wrong). I too made same mistake and was corrected happy to inform you.
Marked as helpful - P@Alexwz89What are you most proud of, and what would you do differently next time?
After setting up the 4th page, I am getting more familiar with global setting for fonts and color from a design requirement (Figma), which increase some confidence for the team working.
What challenges did you encounter, and how did you overcome them?The major problem for me from his practice is the how to set the <li> styles, for this, I have asked GPT, and start to recognize the "li::marker"selector, list-style-position:outside/inside, how to set the padding and text indent.
What specific areas of your project would you like help with?I'd like to understand how to align bullet with text. currently when my page is narrowed down to the mobile size, the <ul><li> Bullet is aligned with the 1st line of wrapped text. However, from the design, the bullet should vertical centered. I have not figure out how to do it. I'd like to get some help and advice from you. Thank you very much.
@a2-112Your code is perfectly okay and i learnt from it