Submitted
Sahadev Bhaganagare
@Sahadev18
All solutions
Submitted
Used js for complete functionality
- HTML
- CSS
- JS
What are you most proud of, and what would you do differently next time?
I added a very clean functionality to the webpage with js. This would enhance the user experience.
What challenges did you encounter, and how did you overcome them?
The most difficult part was making the page responsive. It was difficult because I went with a desktop first approach. Moble first approach would have been easier, and because of this the code became messy. But any how I tried few experimentations and was successful in making almost similar design.
What specific areas of your project would you like help with?
What is the most optimal way to make a website responsive using tailwindcss.
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
Overall the design was quite simple but faced difficulty while setting the image to the right of each card. What method did you use for doing that. I couldn't figure out and had to take reference.
Also in the mobile design I wasn't able to match the width of header with main card section.
Submitted
I faced difficulty while creating the links. I used an unordered list and each list item of the unordered list contained an anchor tag which opened a social profile. But the link would only open when i clicked on the text and not on the area around. So i had to figure out a way such clicking on the area around also open a link for me.
Do you try to totally replicate the given design because when i try to replicate the design I tend to break the HTML semantics. Is there any way such that both the design and the ruls are followed.
Which measurement do you highly use and suggest me to use it too? like: 'px', 'em', 'rem' or '%'
Submitted
Used display: flex
- HTML
- CSS
Submitted
- Making the page responsive was challenging.
- I was not sure about chaning the width of container with respect to the window width.
- What is the common technique to make a page responsive.