Ruben• 580
@makihero
Submitted
What are you most proud of, and what would you do differently next time?
none
What challenges did you encounter, and how did you overcome them?
none
What specific areas of your project would you like help with?
none
Biskup85
@Biskup85
All comments
- Biskup85• 220
@Biskup85
Posted
Yes, you have received perfect results.
0 - PAnton Vasilache• 580
@Antonvasilache
Submitted
What are you most proud of, and what would you do differently next time?
- Creating a more complex layout using grid and flex containers, to minimize the use of fixed values.
- Figuring out and creating the layout relatively quick, vast majority of time was spent on the fine details.
What challenges did you encounter, and how did you overcome them?
- Creating the shadow just as in the design file, I still think color is not exactly right.
- Adjusting the spacing at the end, trying to match the design as best as possible.
What specific areas of your project would you like help with?
- Placing the container on the page, not sure if using vh was the best option.
- Not confident with how to use the box-shadow properties.
Biskup85• 220@Biskup85
Posted
Hello, you can try introducing to font-size rem, and for padding and margin em. I'm thinking it's a good pattern for responsive sites.
1 - DivasJaglan• 170
@DivasJaglan
Submitted
What are you most proud of, and what would you do differently next time?
Proud of making this page responsive although I could not think about any approach for this then remembered about the grid 💡
What challenges did you encounter, and how did you overcome them?
I faced challenge in aligning the cards for the desktop. 💻 Then I came to know about the grid layout. I solved much of my problem, then the next was for the middle two cards so, I set the display to flex for them.
What specific areas of your project would you like help with?
I think grid layout is more complex. I need some more practice to get a good command on that.
Biskup85• 220@Biskup85
Posted
You do a great job, it's really pretty neat. Are you using might figma?
Marked as helpful
0 - Anthony• 60
@codimaniac
Submitted
What are you most proud of, and what would you do differently next time?
It took me lesser time to implement the code
What challenges did you encounter, and how did you overcome them?
I used img for the product image which turned out to be a bad idea but when I changed it to an empty div with the product image as background it was better.
What specific areas of your project would you like help with?
I will like to get feedback on
- My naming convection
- Overall structure of the code
- I would also like to know if there is a way to do it better
Biskup85• 220@Biskup85
Posted
It's a very pretty, good job.
1 - James• 30
@JimCoder-Dev
Submitted
What are you most proud of, and what would you do differently next time?
Speed to get online
What challenges did you encounter, and how did you overcome them?
The right amount of margin and padding
What specific areas of your project would you like help with?
Using classes or ids rather than styling using the HTML elements
Biskup85• 220@Biskup85
Posted
It looks pretty neat.
0 - PAmit Kulkarni• 10
@Amit-Webdev
Submitted
Biskup85• 220@Biskup85
Posted
Pretty neat.
1 - pauzuffinetti• 90
@pauzuffinetti
Submitted
What are you most proud of, and what would you do differently next time?
So, i'm still trying to make the containers be centered in the middle of the page and not just at the top. I've tried using flexbox, justify-content, align-items, but it's always at the top of the viewport.
For what i know, it's not a good practice to center containers using margin or giving the body element flexbo properties.
If anyone could give me a hand, i'd appreciate it a lot. Also excuse my english, if there's something you don't understand feel free to ask.
What challenges did you encounter, and how did you overcome them?
Centering the container.
What specific areas of your project would you like help with?
Centering the container lol.
Biskup85• 220@Biskup85
Posted
Try doing .bigcontainer flex and .cardcontainer give align-self: center. And .bigcontainer make height: 100vh.
0 - JAYMALA• 30
@JAYMALA-963
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?
~
Biskup85• 220@Biskup85
Posted
Try doing align-items for children.
Marked as helpful
0 - Harsh Kumar Dwivedi• 740
@Harsh-Kumar-Dwivedi
Submitted
What are you most proud of, and what would you do differently next time?
I am proud that I was able to build solution for this "Blog Preview Card" project using only HTML & CSS which is quite closer to given design.
From next time, I would prefer to solve problems into hierarchical fashion whether its whole project or problems that occur during building as not being in an order consumes more time fixing things.
What challenges did you encounter, and how did you overcome them?
I encountered the challenge of creating different behaviors on different states of elements. I had to build a different design at different states which was a bit unclear to me that how to do that? But then I learnt about various pseudo classes like
:hoverand then I used it to design how element would respond on that state.What specific areas of your project would you like help with?
Would like to know following:-
1.How to approach building frontends faster with lesser number of issues?
2.How to build design such that when user hovers over "HTML & CSS foundations" then its color changes to yellow and then only main's shadow increases?
Checkout my solution ! Feedbacks are welcome ! Stay Happy & Well ! Thanks
Biskup85• 220@Biskup85
Posted
Hi, try don't tape width with rem. Try doing with % or px and that's it.
0 - P
@SimonProgrammer
Submitted
What are you most proud of, and what would you do differently next time?
I built the project quickly and it brought back memories of my beginnings as a frontend engineer. What I will do differently is use a framework like Astro to test its potential.
What challenges did you encounter, and how did you overcome them?
Find the measurements in figma because I had not used the platform's editor mode but after using it for a while, I learned how to obtain the necessary information for the layout
What specific areas of your project would you like help with?
For this project is it necessary to use a library like tailwind css given its size?
Is it necessary to use media queries or container queries to ensure maximum responsiveness of the project in different browsers?
Biskup85• 220@Biskup85
Posted
It's looking good. Pretty neat.
1
