I keep struggling to take JavaScript further then novice-level. I know what I need to do, but I don't manage to fully implement it on my own.
Quite impressive to me, i like how you populated the data to the UI using Javascript in app.js
I feel the card looks too big for mobile and desktop, little padding, if it was meant to take the whole width then its alright to me but i feel increasing the padding of the card to the document body can be increased
Your site is not hosted properly, try to resolve it or alternatively you can use netlify or vercel to host it.
It was challenging as always, I feel that I've learned a lot
What challenges did you encounter, and how did you overcome them?some issues with the icons and stacking context, but i have it all figure out now by going through documentation and blogs and I feel that it made me a better developer...😁
What specific areas of your project would you like help with?I would like suggestions on useful resources to learn better how to work with images in general
I went through your code and also viewed the site preview in the browser and overall it is good, looks like the design preview specified. The structure looks semantically correct as well, the only input i can add is to use padding on the container holding the contents on the left, which in your case you title article-container, the reason for this is to ensure same padding all around. Asides that, you did a great job and i am impressed!, keep it up Kiara
Looks good overall, i will advise you make your span with the class name of .education a little darker on the cards with white background. If you take note, the border radius is only on two cards which is the first card with the background of violet and the fourth card with the background color of very-dark-blackish-blue.
Also try to separate each of your challenges into separate folder for maintaining clean code.
The visual output on the browser looks good and similar to the provided design
Impressive, looks similar to the design preview for the desktop and mobile view
Basically your output looks good and i believe you put effort into reproducing the provided design. I noticed you havent edited your markdown or written a bit about your learning or how you came to the final solution, so i will advise you look into that. Welldone Nisha
I was more comfortable doing the task than before.
What challenges did you encounter, and how did you overcome them?about responsive design and i overcome it by watching youtube videos and chat gpt.
What specific areas of your project would you like help with?I want to be more comfortable in using the tags because i was confuse which tag to use.
Keep it up, looks as close to the expected result as can be. Kudos, keep practicing and you will definitely improve and learn more with enough experience to help in the future.
I think I am most proud of finishing this in less than 3 hours while making it a little close to the source, and the fact that I managed to make it responsive using just Flexbox. I think I would try grid or use plain CSS then implement media queries just to enhance more on my basic skills
What challenges did you encounter, and how did you overcome them?I encountered a lot and took time to research on Google / Stack overflow. These mostly involves importing font faces or true type font templates, adding svg images, and then using webp! It's the first time I encountered and used the picture and source tags...
What specific areas of your project would you like help with?I'm open to learning other perspective or better solution which may help in making my script better in terms of readability.
Also, in terms of how I displayed the images, I'm still not sure if using the max-width so it doesn't overflow and setting a fixed size on its container is the best solution in that aspect. If anyone could help me figure out how to better set the size of my card to match the original.. how can i figure which max-height or max-width would be best set?
Its impressive and you definitely should try to work on the other methods and solutions just as you mentioned.
This is very impressive, your code looks clean and the layout came out perfect on my browser and this is very close to the design provided, keep it up and strive to improve.
