All solutions

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

I improved the design by adding animations

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

The jumbled text animation

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

This project was the crux of what I have learnt in last 2 weeks

Making A page with basic sections like header and footer really helped me learn a lot

I used BEM methodology and CSS grids for my layout

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

While making mobile design, I found it challenging to make the side navigation bar which would be used by the menu button

I managed to make it work by class toggling in js

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

It is my first time paging a page with proper header and footer

Any piece of advice is welcomed whether it is related to semantics, accessibility or code practice, I'm all ears

🥰

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

It was an easy one

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

nothing for this project

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

I used the CSS grid layout extensively for the first time

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

The main challenge I encountered was getting hold of grid layout while working on side nav bar also slowed the progress down for me as I was working on it for the first time.

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

Any advice and feedback is welcomed and appreciated

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

Reading data from json

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

What is the best practice to read data from a seperate JSON file

I would greatly appreciated all positive comments

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

It was easy one

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

While using figure element for the images, I found that figure element retains its default margin even using the css reset

*{
margin:0;
padding:0;
box-sizing: border-box;
}

Can someone confirm this?

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

It was easy

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

While working on the mobile design, the user_email reflected to the success message overflowed when a long email was inputed

I resolved this using the overflow property in CSS

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

I would greatly appreciate advice regarding:

Using custom icons for radio buttons, cursors and list numbering e.t.c

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

This one was easy

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

Nothing

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

I would appreciate advice regarding handling buttons in page

In this solution i gave the 4 buttons different ids and added event listeners to all four of them, I wonder if there is a more straightforward approach for this

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

I used typescript for the first time

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

The logo intersecting the bottom border of the input bothered me a lot, I managed to get the desired effect to some extent

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

As mentioned above, I had problems with positioning elements like the logo

I would greatly appreciate advice centering around positioning of elements 🥰

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

While translating the jpg design to css, I faced the challenge to use the custom radio buttons illustrated in the design. I could not make the picture perfect radio buttons, but i managed to use accent-color property of radio button to modify it a bit

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

Working with custom radio buttons and checkboxes

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

This is the my first project using scss/saas, it really helped me organizing the css for the page

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

i would appreciate reviews and advice related to responsiveness of the page

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

Handling media queries for making the design responsive

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

I would appreciate advice for improving the responsiveness of the designs

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

#Hi Community

This was my first ever front-end project. I used the basic toolkit including HTML, CSS, and JavaScript.

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

As my first Front End project, I found making the design responsive to different screens most difficult.

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

While working on the form, I struggled making the design responsive. I would appreciate advice for using media queries to make the designs more responsive.