I learned and used native html element and, which can let me complete this challenge by using pure HTML and CSS, without javascript.
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
the ui not the same, maybe the size of the box is a little over and too oval
About nodelist because I wonder on how can I loop through my html element with the same class and I found that it was called nodelist. So nodelist basically a group element that has same class. So in other words this helps me a lot and make it easier for me to add event listener for my button instead of getting their id one by one.
maybe from the text size, it will cause the card to be bigger than the design
good project, maybe I was a little short of the size of the container which was too big
good your project , mayber size in card in different
Improving responsive design skillset.
What challenges did you encounter, and how did you overcome them?To put four card together in the middle, I first used grid feauture but I couldnt somehow succeed in this, then I found a different approach by using different divs for each card column.
What specific areas of your project would you like help with?Any tips to improve this code.
Very good deployment, maybe there is a little need to justify the card size being too wide.
I feel good with the results obtained, for the moment I would not make any other improvements.
What challenges did you encounter, and how did you overcome them?I had complications with setting the font size according to the device size, as a solution I used the 'clamp' method to manage minimum and maximum sizes of both the containers and the font sizes, I did not have the need to use Media Queries.
I apologize if my design is not 100% like this because I only use instinct and copy the picture, there is no figma design
I'm proud that I probably spelled this out more by heart than asking chatgpt because I've worked on the project before.
What challenges did you encounter, and how did you overcome them?Maybe the challenge I faced in terms of design was difficult because I didn't use the plus so I didn't get a figma design so I just worked with sample photos.
What specific areas of your project would you like help with?in terms of padding margin due to not getting the figma design
okay thank you i will change and revise it as soon as possible thank you sir
How i used the media queries attribute in my CSS
What challenges did you encounter, and how did you overcome them?At first when i moved my design to GitHub the picture was not appearing, So I had to start all over again.
What specific areas of your project would you like help with?How to use the terminal in the VS code
Maybe the size and distance of this project is very different because there is no design for the image :(
it's still very different because I didn't get the figma design so I did my best to find out the size and color
I will deepen the fundamental skills of frontend, namely HTML, CSS and JS
What challenges did you encounter, and how did you overcome them?Maybe what is different from previous projects in this project is the hover text background
What specific areas of your project would you like help with?maybe is hover text background
Thank you for the question, maybe if I had mine I would have used CSS like this "font-size: 17px; font weight: 800; padding-top: 10px;" might help
This time, I used the rem unit rather than the px unit because someone suggested it to me
Maybe there are still many shortcomings in this project work and maybe there is a solution from you
I have come to understand and deepen CSS and maybe next time I will come back with a different case study
What challenges did you encounter, and how did you overcome them?responsiveness of class
What specific areas of your project would you like help with?I want to develop in the frontend developer field
