@heffsSubmitted 7 days ago
Latest solutions
- Submitted 12 months ago
Responsive Card using HTML and CSS
- HTML
- CSS
I want some explanations about responsive design, to make my page responsive i had to put several
@media(min-width) {}for all the screens and i don't know if it's the optimal solution
Latest comments
- @EkoNdongAyecabaPosted 7 days ago
Hello, you did a pretty good job, I got just some suggestions:
- First of all, you can delete the
attributiondiv just with a
.attribution{ display: none; }It help you to have more close to the design
- Then you can add some space to the sides of the `main´ box
0 - First of all, you can delete the
- @moein-creator-opsSubmitted 8 days ago@EkoNdongAyecabaPosted 8 days ago
Hello, your solution looks good but you need some improvements.
First of all, in an HTML there can't be more than one
h1, because it is the main title of the page, you can put it all in the sameh1and separate the first part with aspan. The solution looks like this:<h1> <span>Reliable, efficient delivery</span> Powered by Technology </h1>And then you can give the specific font style referencing the
spaninside theh1.Secondly, your
shadowsaren't showing at all the same way as in the design, you need to take a look at it too.0 - @AubreyHBarnesSubmitted 16 days ago@EkoNdongAyecabaPosted 15 days ago
The solution is excellent! I appreciate that you can hide the attribution, and the effect you added to the button when the cursor hovers over it is fantastic—I really liked it.
0 - P@JGeddSubmitted about 1 month ago@EkoNdongAyecabaPosted 17 days ago
Excellent work! The solution aligns seamlessly with the desired outcome. While I can’t provide detailed feedback on your CSS choices—particularly the sizes you selected or the reasoning behind them—I did notice that your HTML is well-structured and highly semantic. Including an explanation of your measurements in the README could be helpful, as it might offer others an opportunity to learn something new about your sizing approach. Keep up the fantastic work!
0 - @stonedjjhSubmitted 18 days agoWhat are you most proud of, and what would you do differently next time?
Everything I learned from the first challenge until this one. The time it takes me to create the page has also been significantly reduced. How similar it looks and that this time it doesn't have the figma. Now I add semantic tags
I don't think I would do anything different
What challenges did you encounter, and how did you overcome them?Without the figma the size of the components and fonts. But to the eye percent there it goes. :laughing:
What specific areas of your project would you like help with?All comments are well received
@EkoNdongAyecabaPosted 17 days agoThe work is very well done, I can say the same about mine, although I didn't have Figma, the final result was quite good.
0 - @elistoyanovaSubmitted 12 months ago@EkoNdongAyecabaPosted 12 months ago
The solution provided is quite satisfactory and meets the desired requirements. The work done has been executed exceptionally well, and the outcome aligns seamlessly with the intended goals.
0
