@abhi-zero
@BiiN12
Submitted
What are you most proud of, and what would you do differently next time?
It's dynamic and fully responsible website. I added some extra style to make it look good but i will publish it on github. For now i'm just solved the challenge and it's been fun.
What challenges did you encounter, and how did you overcome them?
When it's at small screen, the background image is get cropped out. So, i rotate the image when it's in small screen and it's looks perfect.
@abhi-zero
Posted
Hey, brother! The preview link for your project isn't working, but I saw the screenshot. The background looks awesome!
@f-avalos
Submitted
What are you most proud of, and what would you do differently next time?
I would like to make modifications to the text balloon that is displayed when the Share button is pressed, specifically about the way in which this type of elements should be designed within the structure of the web page, but right now I can't think of it. nothing.
What challenges did you encounter, and how did you overcome them?
This time I had no problems with the length and width of the card, since I was able to set a size that adapts to different devices, this time I had problems with the content that is displayed when the Share button is pressed, in a phone view I didn't have any major problems but when displaying it as a text balloon I couldn't properly handle the position in which it can be found in certain resolutions.
What specific areas of your project would you like help with?
As I mentioned above, I had complications regarding the content that is displayed when pressing the Share button, I would like to ask for advice or recommendations to better manage the position in which said content is (speaking from the desktop view, on the phone I think it looks good).
@abhi-zero
Posted
Your design is pretty awesome, and that hover effect on the article is also amazing! Plus, I love the transitions and animations. Good luck with your future projects! Eat, sleep, and rest well.
@Hassan77github
Submitted
What are you most proud of, and what would you do differently next time?
Feedback is open????
@abhi-zero
Posted
Hello, I appreciate the work you've put into this; the solution looks great, and the footer is quite impressive. However, I did notice that the mobile version could use some improvement in its appearance. It might be beneficial to experiment with it a bit more. This is simply my suggestion, and I understand that you have your own approach to the design.
@feelgooddd
Submitted
What challenges did you encounter, and how did you overcome them?
There is an issue with overflow where the change anchor tag escapes it's flex container on my friends iPhone 14 using safari but I'm unable to replicate the issue with any dev tools or other browsers and do not have my own iPhone to test with. On a variety of different android devices using chrome this issue does not exist and it only exists in Firefox when the width is reduced below 280px.
What specific areas of your project would you like help with?
If anyone can help look over my flex containers and items and give me feedback if I've implemented and used them correctly or if there is a better and more efficient way I could have used them please give me critique here so I can improve my skills using flex.
@abhi-zero
Posted
Hey bro, I think you should remove the border from the main component and the button. Instead, use the box-shadow property (e.g., box-shadow: 1px(x-axis) 1px(y-axis) 15px(blur-size) color).
For the overflow issue, you might want to use both min-width and max-width to ensure that the size of your main component lies between those values. For example:
min-width: 200px;
max-width: 300px;
}
Marked as helpful
@YazanJbara
Submitted
What specific areas of your project would you like help with?
spacing between elements is done using paddings , i don't know if it's the right solution or not for spacing , can someone review and tell me what is the right approach for spacing?
@abhi-zero
Posted
Your solution looks good and well-formatted. I'm not too concerned about spacing right now because I used to approach it the same way when I started. But now, I use Grid and Flexbox. I'm also a beginner, but I have some suggestions for you:
Don’t worry, I’ll provide the links for these in the next comment.
@Maobugichi
Submitted
What are you most proud of, and what would you do differently next time?
learned and applied BME
@abhi-zero
Posted
Hey bro, you used position: absolute for your overlay. If you want the image hover effect to match the given task/project, you need to use the opacity property. Set the overlay's opacity to 0 initially, and then change it to 1 in the hover rule. The value 0 will hide the overlay, and the value 1 will make it visible.
@xStephx
Submitted
@abhi-zero
Posted
In the mobile version of your site, the image overflows to the right side. To fix this, I think you should use md:hidden { overflow: hidden;} </code> because there is a div with the class name md:hidden, and you placed the image inside it. We need to apply the overflow rule to the container, which is why it should be written like this.
Marked as helpful
@Auly-hub
Submitted
What are you most proud of, and what would you do differently next time?
ras
What challenges did you encounter, and how did you overcome them?
Understanding Flexbox wasn't easy, I encountered some challenges, but I managed to use it.
What specific areas of your project would you like help with?
the media querries because it was a challenge to render it as in the visual
@abhi-zero
Posted
.
Marked as helpful
@zacarias39
Submitted
@abhi-zero
Posted
Hey bro, I have a suggestion for you: instead of using two <img> tags, you can use the <picture> tag for two or more different-sized images. Also, consider using a modern CSS reset.
@rafirachmawan
Submitted
What are you most proud of, and what would you do differently next time?
I will deepen the fundamental skills of frontend, namely HTML, CSS and JS
What challenges did you encounter, and how did you overcome them?
Maybe what is different from previous projects in this project is the hover text background
What specific areas of your project would you like help with?
maybe is hover text background
@abhi-zero
Posted
I would like to ask why your text appears bold, whereas mine does not. Could this be due to my use of @font-face? If you know, could you please explain how to fix it?
Marked as helpful
@rebeccaoneill
Submitted
@abhi-zero
Posted
..
