Skip to content
OverviewSolutions
36
Comments
12

Forester Erick

@Forester04330 points

Student at Moi University. Currently ALX Student.

Latest solutions

View more solutions

Latest comments

  • Forester Erick•330
    @Forester04

    Nicely done

  • larryQuao•130
    @larryQuao
    What are you most proud of, and what would you do differently next time?

    I was able to learn and implement SASS. It was an interesting experience designing in SASS because it make things much easier.

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

    Understanding the use of some of the SASS terminologies but was able clarify everything.

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

    For now, any help will be appreciable.

    Four card feature section

    #sass/scss
    1
    Forester Erick•330
    @Forester04

    Good job

  • Forester Erick•330
    @Forester04

    Great job. Just a small reminder: You forgot to include the background image pattern in the body to match the design. You can use the background-image property for that, and adjust it using background-size to ensure it scales properly. Make sure to position it correctly with background-position as well. This will help achieve the final look of the design. A quick best practice tip: it's always a good idea to include any external font links just before the link to your CSS file in the <head> section. This ensures that the fonts are loaded before your styles are applied, helping the page render correctly and avoiding layout shifts.

  • Uzair Bajwa•330
    @bajwacodes
    What are you most proud of, and what would you do differently next time?

    Toughest challenge I faced, took my whole time and energy but worth it

    Huddle Landing Page

    1
    Forester Erick•330
    @Forester04

    Good job on the project! I noticed that on mobile and medium-sized screens (around 500-600px), the background image repeats. To improve the design on smaller screens, you might want to set background-repeat: no-repeat;. This will prevent the background from repeating and make it look cleaner across different screen sizes. Keep up the great work!

  • Forester Erick•330
    @Forester04

    Kindly consider the following recommendations:

    1. Use relative units like rem/em instead of px for better scalability.
    2. In .hover-container, use appropriate grid properties instead of flexbox properties for alignment.
    3. Apply a mobile-first approach for responsive design.
    Marked as helpful
  • Forester Erick•330
    @Forester04

    Good job. You forgot to add the hover effect on the Sign Up button.

    Marked as helpful
View more comments