Looking to hire developers?
@1deadjoe
@nikbhaladhare2104
Submitted
What are you most proud of, and what would you do differently next time?
..
What challenges did you encounter, and how did you overcome them?
..
What specific areas of your project would you like help with?
I need help drawing downward arrow when we click on share button. I have found the solution using border-bottom but don't want to use it. If anyone knows different method to achieve this, greatly appreciated.
@1deadjoe
Posted
This is a great job you've done. Congratulations. I'm impressed you were able to handle positioning the share links above the button, and I am learning from you. However, the typography is not what was indicated in the guide. As much as it is not mandatory to follow it, I would suggest trying out different styles and colors to find one that suits the tone and audience of the intended message. Other than that, good job.
@AmitKumar1590
Submitted
@1deadjoe
Posted
Great job on this. I noted, although, that the first grid is missing the background quotation image. One more thing, your images for the authors of the reviews are missing, only the alt text is being displayed. You could check and confirm that you linked the image tag to the right directory, or that the directory was also uploaded with your project.
Marked as helpful
@rdxnandi
Submitted
What are you most proud of, and what would you do differently next time?
Nil
What challenges did you encounter, and how did you overcome them?
Nil
What specific areas of your project would you like help with?
Nil
@1deadjoe
Posted
This looks great. The code is well structured and readable. Great use of flexbox by the way. I have tested the code for responsiveness too, and it is okay. Great job!
@HavillahAnya
Submitted
What are you most proud of, and what would you do differently next time?
I am most proud of my ability to use Flexbox to create the layout easily and making the website responsive on mobile screens down to 320px.
Next time, I'll make sure to check the styles required for responsiveness to determine basic sizing of main element and if my project will be better with a background image or the img tag.
What challenges did you encounter, and how did you overcome them?
I first used an img tag, when I discovered the style on mobile will use a different photo. So I had to get rid of my img tag and put a section without content instead which I later placed the appropriate images with CSS, and over riding it on mobile by replacing background image with the one specified for mobile.
What specific areas of your project would you like help with?
All of the challenges I faced I was able to solve, so I don't know if there is a problem with my code and will surely appreciate a feedback if any is found.
@1deadjoe
Posted
This is great work. I have tried the page on my phone and it works smoothly. You have included a piece of styling I totally don't have, media queries. Would you want to be my tutor on that? It is something I need a little help understanding.
@hafizurrahaman0
Submitted
@1deadjoe
Posted
Congrats. This is great work. However, to make your code less bulky, having to assign classes to each table cell element, I would advise reading on pseudo classes and elements. Pseudo elements and classes help write lesser code, making it more readable. web.dev provides concise notes on this.
Marked as helpful
@ibnu-jemal
Submitted
What are you most proud of, and what would you do differently next time?
.
What challenges did you encounter, and how did you overcome them?
.
@1deadjoe
Posted
Great work @ibnu-jemal. The states are well styled, and the code is readable. Keep working and you'll keep improving.
@Hasban-Fardani
Submitted
What challenges did you encounter, and how did you overcome them?
i forgot about how to make shadow on css
@1deadjoe
Posted
This is great work. You got around a part that I was unable to (having the avatar and name aligned along the same axis). To point out ,however, you did not include the active states' styles. This will help you get familiar with pseudo classes.
Marked as helpful
@nanikore0
Submitted
What are you most proud of, and what would you do differently next time?
I'm proud of how the code turned out, this helped me practice writing CSS by trying to get as close to the solution as possible.
What challenges did you encounter, and how did you overcome them?
These are the following challenges I encountered during this project:
What specific areas of your project would you like help with?
I would like to know how to better approach aligning elements using CSS.
@1deadjoe
Posted
The layout adapts well to different screen sizes, thanks to the effective use of CSS media queries and flexible grid or flexbox layouts. The content flows naturally, and no significant issues were observed across various devices and screen resolutions.
@hirakjsarma
Submitted
What are you most proud of, and what would you do differently next time?
This is a QR code element that is coded using vanilla CSS. I am happy that I could replicate the design from scratch and made a good looking design.
What challenges did you encounter, and how did you overcome them?
I was confused what to use at first. I thought of using grids but later I used flex box. Dividing the components into sub sections helped me think and learn to how breakdown things into smaller task.
What specific areas of your project would you like help with?
I would like help with other technologies that can be used to make the same thing. Currently I am using vanilla CSS but would love to use other technologies that might help me to build this quickly and efficiently.
@1deadjoe
Posted
The layout adapts well to different screen sizes, thanks to the effective use flexbox layouts. The content flows naturally, and no significant issues were observed across various devices and screen resolutions. Regarding the design, your solution closely aligns with the provided design specifications. The visual elements, layout, and overall aesthetic are faithfully represented. Just to point out, the background color was different from the one specified.
Marked as helpful
@hirakjsarma
Submitted
What are you most proud of, and what would you do differently next time?
This is a QR code element that is coded using vanilla CSS. I am happy that I could replicate the design from scratch and made a good looking design.
What challenges did you encounter, and how did you overcome them?
I was confused what to use at first. I thought of using grids but later I used flex box. Dividing the components into sub sections helped me think and learn to how breakdown things into smaller task.
What specific areas of your project would you like help with?
I would like help with other technologies that can be used to make the same thing. Currently I am using vanilla CSS but would love to use other technologies that might help me to build this quickly and efficiently.
@1deadjoe
Posted
The layout adapts well to different screen sizes, thanks to the effective use flexbox layouts. The content flows naturally, and no significant issues were observed across various devices and screen resolutions. Regarding the design, your solution closely aligns with the provided design specifications. The visual elements, layout, and overall aesthetic are faithfully represented. Just to point out, the background color was different from the one specified.
