All solutions

What are you most proud of, and what would you do differently next time?

Used sass to create webpage this time. Only used the basics like variables, mixins and import as I am new to it. Was able to complete it a lot sooner than expected.

What challenges did you encounter, and how did you overcome them?

Not many problems. Am still a bit confused on setting media queries but played around a bit and solved that.

What specific areas of your project would you like help with?

Looking for feedback on the code and implementation of sass in this project.

What are you most proud of, and what would you do differently next time?

I reverted back to doing this project from plain CSS as I thought that I had been out of practice. Next time would like to use a framework to have better control over the elements.

What challenges did you encounter, and how did you overcome them?

Setting the background position to the right area got me scratching my head for a while there. Also, as I had already set the colors in variables the shadow color was a bit hard to get right, so created a new variable with opacity to get the right shadow color.

What specific areas of your project would you like help with?

Would appreciate any feedback on the code structure and ways to improve.

What are you most proud of, and what would you do differently next time?

Started the use of the grid layout with this component. Was able to get a basic grasp of the flow of the components and the structure thanks to this. But would like to further improve my understanding of the grid layout.

What challenges did you encounter, and how did you overcome them?

The transition in design from mobile to desktop had me scratching my head. Still have a lot to figure out on grid layout. Used the order property to change the "order" of elements in the grid.

What specific areas of your project would you like help with?

Would appreciate it if someone could point me in the direction of understanding the grid component. Also, I can't seem to get a hold of width and height for some reason, especially min and max height.

What are you most proud of, and what would you do differently next time?

Am most proud of completing the project according to the time estimation. Would like to focus more on the color scheme and recognizing the font-weights on different font styles.

What challenges did you encounter, and how did you overcome them?

Had an issue with the layout of the page. Noticed that the image and content height were not correspondingly aligned with each other in respect to the responsiveness of the page so had to force the image and content height to be specific. Also had to change the object fit property of the image so that it was more easy on the eyes.

What specific areas of your project would you like help with?

Would like help with best practices for images, and height and width of components with respect to the responsiveness of the page.

What are you most proud of, and what would you do differently next time?

Was able to estimate the time required to complete the project and completed the project in a timely manner. I would like to add data from the json file provided the next time around though since I used only HTML and CSS in this project.

What challenges did you encounter, and how did you overcome them?

I had a hard time in relating to the colors used in the project especially since there was the added factor of opacity. I messed around with the opacity of the colors to try my best to match it to the designs.

What specific areas of your project would you like help with?

Would appreciate if someone could guide me through the color schema of pages and help me with the json file.

What are you most proud of, and what would you do differently next time?

I think that I've improved on designing over a static template of a webpage. The responsiveness is there and the spacing seems to be okay. I would like to improve on the cleanliness and not repeat so much of the code if possible. I want to be able to write efficient code that doesn't take up much space nor clutters the structure.

What challenges did you encounter, and how did you overcome them?

The table and list were giving me a few problems. Turns out padding isn't applicable in so I had to add it to to get the desired results. I'm still working on vertically aligning the marker for list items but so far, I've had no luck.

What specific areas of your project would you like help with?

I would appreciate it if someone could help me with vertically aligning the marker for the list items as reflected in the mobile view of the webpage.

What are you most proud of, and what would you do differently next time?

The project was simple, and I was able to complete it in short amount of time. Though if I were to do something differently, I would like to include actual links to the page.

What challenges did you encounter, and how did you overcome them?

I used only the static jpeg images to code this time and I found it a bit difficult to pixel-perfect it. I just kept on changing the spacing between elements, the margins and padding a lot, which took up a few minutes.

What specific areas of your project would you like help with?

I would appreciate it if anyone could drop a few pointers to judge the spacing and sizes of elements without having to look at figma or sketch designs.

What are you most proud of, and what would you do differently next time?

I feel good about the cleanliness of the code and structure. I tried sticking to the design as much as possible and used minimum amount of code. I would like to improve on my ability to read designs and their flow.

What challenges did you encounter, and how did you overcome them?

I'm new to tailwind and used vite to render tailwind in my local repository which worked. However I hit a snag while generating github pages. Apparently github won't import tailwind directives directly, so I had to reconfigure the entire project so that github could render tailwind. It took a lot of time to find a relevant solution.

What specific areas of your project would you like help with?

I would like to know more about the workings of tailwind and github. Some tricks and tips not listed in the documentations that would help beginners like me who are taking their first steps into front-end development.

What are you most proud of, and what would you do differently next time?

I would have to be the proudest of the responsiveness of the page as it can adapt to various screen sizes. However, I would also say that it is also the area which I would like to improve upon as it clutters the code.

What challenges did you encounter, and how did you overcome them?

As I am new to tailwindcss and responsive design I faced difficulties in using the utility classes to their full potential.

What specific areas of your project would you like help with?

I would like to make improvements in the cleanliness of my code as well as maintaining the functionality and the ability to manipulate the DOM to achieve pixel perfection.