All solutions

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

Maintaining a consistent design language, as well as implementing responsive design principles and using custom typography for sophistication by effectively using font sizes, colours and spacing. I've also paid attention to detail with the button hover and active states. Moreover, I have used semantic HTML, so that it is easier to understand the purpose of the elements, and have organised the structure in a logical and coherent manner that makes it readable to users.

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

One main challenge was the alignment and sizing of icons, which was overcome by setting a consistent width and height for the icons with the height and width properties, as well as using the flexbox properties for proper alignment. Another was the sizing of the elements, which was overcome by specifying the class that I wanted to structure.

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

I am most proud of being about to use CSS Grid effectively, create multiple testimonial styles with a distinct background and colour, and customise the card background for it to meet the design criteria. What I would do differently is simplify the code by reducing the repetitive styles and using more efficient selectors.

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

The main challenge that I have encountered is the placement of cards with the CSS file part. I have been able to overcome this by giving each card a specific class name and then using each class name on the CSS file, as well as using grid-row and grid-column so that it is able to match with the design. It took me a while, but I managed to make it work.

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

The part that I'm most proud of is having the chance to understand the logic behind multi-columns and being able to use consistent styling, effective use of CSS Grid, and responsive design. I have also made sure to use the grid layout to manage the card layouts easily.

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

The main challenge that I have encountered is the alignment of the two cards in the first and third columns, When I tried to align them as expected, it only aligned with at least one card, rather than the center.

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

I would appreciate any help on how to keep the cards on the first and third columns, so that it is able to meet the design standard in any capacity.

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

I'm proud to be able to use a media query for the product card, and I had fun making the HTML elements based on the main design.

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

The main challenge that I have encountered was with the alignment of the preview card, and whenever I try to change a value, it would stay in the place I didn't want it to. I initially had the same issue with the image, but managed to fix it by adjusting the width to be able to fit without overlapping the box.

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

Only some parts with the alignment of certain elements, but I think that's about it. Feel free to write down some suggestions. :)

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

Customizing the page, using the Google Fonts API to manage the fonts for particular texts, and maintaining structure. I have had fun using the semantic HTML aspects so that I can be able to specify which element is in which part of the HTML code, which was then beneficial for the CSS file.

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

The main issue I had was with how to place the text inside the main recipe box, but I have been able to overcome this by including the class name for each section, and then making the image is placed in the middle and to hide the overflow.

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

What I was proud to do was be able to customising a social link profile and that it would redirect the user to a site of the profile, particularly from GitHub. What I can do differently is possibly include some icons to the social link buttons to give it more clarity.

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

The challenging parts that I have encountered throughout this challenge are trying to shape the profile box and that I have had difficulty in making the profile photo look more circular. I have been able to overcome this by adding a few more padding and border radius, as well as preventing the photo's overflow by keeping it hidden. Despite these challenges, I still enjoyed developing and customising the social links profile.