All solutions

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

One of the aspects I'm most proud of is the use of CSS variables to define and maintain a consistent color scheme throughout the page. This not only made the styling process more efficient but also allowed for easy customization and consistency across the site.

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

I had difficulty in aligning the card vertically. I solved it by using flex and setting the flex direction to column. Next, I used align-content: center and justicy-content: center to align the card vertically and horizontally center.

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

I still need more help in achieving consistency in design across my project. This includes maintaining spacing and overall visual appeal. I would appreciate guidance on how to improve the consistency and polish of my design.

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

One of the aspects I'm most proud of is the use of CSS variables to define and maintain a consistent color scheme throughout the page. This not only made the styling process more efficient but also allowed for easy customization and consistency across the site.

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

I had difficulty in modifying the bullet color and specifying the gap of and lists between their corresponding components. I solved this by using li::marker for color and text-indent for gap in CSS.

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

I still need more help in achieving consistency in design across my project. This includes maintaining spacing and overall visual appeal. I would appreciate guidance on how to improve the consistency and polish of my design.

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

In this project, I created a social media links card using flex and list items (ul li a). It was a great exercise in using flexbox to create a responsive layout for the card. One of the key learnings was how to incorporate custom fonts into my project. I used a .ttf font file and imported it as a font face using the @font-face rule in CSS

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

One challenge I encountered was the default behavior of visited links turning violet, which was confusing. I solved this by using the a:visited selector in CSS and setting the color to white, ensuring a consistent color scheme for all links.

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

I would like help in achieving smooth hover effects for my links. Currently, I'm using a basic hover effect, but I'm looking to enhance it for a more polished and professional look. Any suggestions or tips on how to achieve this would be greatly appreciated.

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

I'm most proud of how I structured the HTML, separating components into divs and using flex for layout. Next time, I would pay more attention to the details of styling, ensuring that elements like background colors behave as expected.

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

I encountered a challenge with adding background color for the tag, as it covered the whole row instead of just the text. I overcame this by adding width: fit-content; to the .tag class, which constrained the background to the width of the text only.

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

I would like help with refining my CSS skills, particularly in handling background colors and other styling strategies to ensure a polished design.

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

Throughout this project, I discovered the power and flexibility of CSS variables, especially when used with the --root pseudo-class. By defining key colors in the :root element, such as --white, --light_gray, --grayish_blue, and --dark_blue, I was able to easily reuse these colors throughout my stylesheets.

Additionally, using Sass for nested styles and variables further streamlined my CSS code. Sass's nesting capabilities allowed me to write cleaner and more maintainable code.

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

After setting up my HTML and CSS, I decided to take on the challenge of using SCSS. I initially attempted to install it on my device by downloading the zip file from their GitHub repository and adding it to my environment variable path. However, when I tried to convert my SCSS file to CSS, it failed to recognize the sass command, indicating that I had not installed SASS properly.

I then consulted the SASS documentation and opted for a different installation method. This time, I successfully installed SASS using npm and was able to run it without any issues.

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

I want to ask feedback for the following:

• Are there any specific techniques or best practices I should follow to make my design more responsive?
• Are there any other Sass features or techniques you recommend I explore to improve my CSS workflow?