Latest solutions
- Submitted over 3 years ago
Final submission -- Improved accessibility; improved semantic HTML
- HTML
- CSS
- JS
Latest comments
- @fraserwatSubmitted over 3 years ago@KristaCallejaPosted over 3 years ago
Hi @fraserwat, I have been going through your projects and I love your work. I'm taking note of your approaches to learn more. I am very newbie in comparison to you and of course, I feel very "little" to advise you, however the profile-card img is also showing stretched on my Firefox browser. I tried adding height: auto to it and it seemed to address it (though it affects the other cards too). Looking forward to seeing more of your work.
Marked as helpful1 - @OscarandioSubmitted over 3 years ago@KristaCallejaPosted over 3 years ago
Hi... I accessed your site and added this in console: body .card-container { align-items: center; height: 100vh; } Adding the height will center the card-container. Good luck!
Marked as helpful1 - @kraken-afkSubmitted over 3 years ago@KristaCallejaPosted over 3 years ago
Hi, I'd love to see how you used JS in this project. I did the same too. However I cannot access your code/live url. This is my first attempt solution https://www.frontendmentor.io/solutions/experimental-coding-styling-pseudoelements-through-vanilla-js-1lzXClcaj
1 - @deepchhatraliaSubmitted almost 4 years ago@KristaCallejaPosted almost 4 years ago
Hi, did you upload the live version? Github Pages is saying site not found.
0 - @Renato-Lima-NevesSubmitted almost 4 years ago@KristaCallejaPosted almost 4 years ago
Oi Renato, in my opinion you're putting the cart before the horse, learning Bootstrap before getting a good grasp of CSS. I would recommend restarting with a good HTML structure (those lines!!). And even before that, you need to get your design in order written out in pencil and paper to know how you're going to divide your work. Then you will know where the flexbox will go.
1 - @minibruspSubmitted almost 4 years ago@KristaCallejaPosted almost 4 years ago
Quite nice. Perhaps you'd like to do some background-repeat none on the desktop size?
1