Me orgulho de todo o processo ter ficado mais de um mês sem mexer com layout e css e conseguir realizar e desafio, além colocar alguns aprendizados de Javascript puro em pratica, lógico com a ajuda e consulta na internet e IA.
What challenges did you encounter, and how did you overcome them?desafio de organizar e pegar os dados da api e depois organizalos todo sem usar tanto if
The design is good but there is a note that the data is not updated
The "CPU" response was fun to implement. Next time, I might look more into SVG elements or using icons as custom fonts.
What challenges did you encounter, and how did you overcome them?Both the hover states and the animation of the winning tile backgrounds still escape me.
What specific areas of your project would you like help with?Responsiveness, design accuracy, and functionality. Thanks!
This is great work.
This is great work.
good work
Good work
Good work but add in body padding-top , To make the content centered
This is very nice work
positive review will be accepted thankyou
The design looks good but could do with improvements Put this code in body width: 100%; min-height: 100vb;display: flex; justify-content: center; align-items: center; To put the content in the middle of the page
The design looks good but could do with improvements Delete min-width: 320px; from body tag in css and Delete width: 90%; height: 80%; from #mainContainer and reduce the width and height #mainContainer
I didn't know how to style list marker, but after big research i did it!
This is good
Being able to centre the avatar was such a relief and I am proud of that.
Try out a CSS framework like TailwindCSS, w3css or Bootstrap to speed up the process
What challenges did you encounter, and how did you overcome them?challenge was styling the hover and active states for the buttons in a way that felt smooth and professional. Initially, the changes looked too sudden, but by adding a transition property (transition: all 0.3s ease), I was able to make the interactions feel much more natural and polished.
What specific areas of your project would you like help with?While the project works well on mobile and desktop, I want to know if there are even cleaner ways to write my responsive CSS or better handle spacing and sizing.
This is good
i learn about css hover, and i think i should learn about tailwind css and typescript for the next project
What challenges did you encounter, and how did you overcome them?i struggle in part when the card shadow is different length, and i got solution of it by asking a friend, and i also still dont know how to make text or content justified and center like i want.
What specific areas of your project would you like help with?align text, content etc, i got struggle in positioning content
This is good
I had to revisit the flexbox and layouting with css
What challenges did you encounter, and how did you overcome them?=> i googled
What specific areas of your project would you like help with?Put this code in body width: 100%; min-height: 100vb; padding: 5rem 0; display: flex; justify-content: center; align-items: center; To put the content in the middle of the page
Hello! 👋😊
I'm excited for share with you my solution for Four card feature section challenge! 😄
In this challenge, I worked with CSS Grid Layout and Flexbox. I also worked with CSS variables and utility classes. 😉
I think I'm starting to get the hang of it. I'm not having any trouble with the newbie level challenges anymore. 💪😎
I am open to suggestions and comments. I will be grateful for them. 🥰
This is great work.
