Looking to hire developers?
@iamporrrrrrrrr
@luisv79
Submitted
What are you most proud of, and what would you do differently next time?
I was able to write the code by myself from scratch, with more practice I will do it faster.
What challenges did you encounter, and how did you overcome them?
how to make the css element disappear and appear through javascript
What specific areas of your project would you like help with?
I'm always open to constructive criticism.
@iamporrrrrrrrr
Posted
The alignments and colors seem a little bit off. Other then that, it is a great design! For the hiding element using JS, I use a class name hidden to handle this by setting display: none in style.css. Then, in JS I toggle the class .hidden to make the elements appear and disappear. You can use my code as a reference. :)
https://github.com/iamporrrrrrrrr/Article-Preview-Component
Marked as helpful
@StefanGrobler78
Submitted
What are you most proud of, and what would you do differently next time?
This was a good grid challenge, I proud that I remembered how to use grid for layout and got it to work without look up.
What challenges did you encounter, and how did you overcome them?
It was fine had think a bit here and there.
What specific areas of your project would you like help with?
Controlling the high in the grid layout. Please Have a look at my CSS and suggest what you would have done differently!
@iamporrrrrrrrr
Posted
I think the ratio of the width of each box is quite different from the design. From what I see, the columns are divided into four equal parts. Since grid-row-templates is set to auto, the height of the grid is adjusted to fit the content.
@StefanGrobler78
Submitted
What are you most proud of, and what would you do differently next time?
Got It done next time only flexbox
What challenges did you encounter, and how did you overcome them?
Different colors for top border made use of utility classes
What specific areas of your project would you like help with?
no help thank you
@iamporrrrrrrrr
Posted
Well done! :)
@Imerzion
Submitted
What are you most proud of, and what would you do differently next time?
Happy with the overall outcome on this one. Feel like I'm improving overall. Would advise myself in the future to take a little more time with the HTML structure as I had to re-jig it a little bit to make it work at desktop.
What challenges did you encounter, and how did you overcome them?
As stated above, had some trouble with my HTML structure when moving from mobile over to desktop. Had to re-write some of my HTML, but was a pretty simple fix overall.
Had some trouble with a gap displaying between the image at desktop, but Googled a fix for that pretty quickly.
What specific areas of your project would you like help with?
Still feel like I'm having trouble when it comes to declaring widths of my containers.
Design appears to have a more vertical feel as opposed to my landscape outcome. Not sure what is causing such the drastic difference.
@iamporrrrrrrrr
Posted
The solution included semantic HTML. Maybe the dimensions of the boxes, texts, and paddings on the desktop version could be changed to more closely resemble the original design. The mobile version looks great. Overall, it is an excellent solution, and you have done well in creatin g a responsvie web design.
@Mhista-Fortune
Submitted
What are you most proud of, and what would you do differently next time?
Being able to try out this challenge; for me, is a major step to take on the part to becoming a bad ass frontend developer
What challenges did you encounter, and how did you overcome them?
I had issues with responsive design as it has to do with the image. I was not really able to overcome it
What specific areas of your project would you like help with?
I have seen people working with the picture element and image src set when it has to do with having two images for different screen sizes. I would love to get more clarification on these.
@iamporrrrrrrrr
Posted
I think some of the components are of the wrong size and color, and the content is not centered on the site (that may have something to do with responsive design). You could maybe edit the code to address that. Otherwise, this is an excellent solution; the code was clear and concise. It included semantic HTML. Great Job!
