Fraser Watt• 1,790
@fraserwat
Submitted
Any tweaks much appreciated!
For some reason the preview comes up with a stretched profile image, but this isn't replicated at any page width as far as I can see 🤷♂️
Krista Calleja
@KristaCalleja
All comments
- Krista Calleja• 300
@KristaCalleja
Posted
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 helpful
1 @Oscarandio
Submitted
How can I make a correct use of align items: center?
Everytime I try to center elements vertically I am not able to figure out how it works, but justify content: center works well.
Best solution to center the stats and stat headings? Thank you!
Krista Calleja• 300@KristaCalleja
Posted
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 helpful
1- Romeo Noveanre• 200
@kraken-afk
Submitted
i made this with html css and a bit of Js
Krista Calleja• 300@KristaCalleja
Posted
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 - Igor• 110
@bubahaze
Submitted
Unfortunately could not see my page on wider screens, hence probably it looks disastrously out there 😬 Any comments, tips & tricks appreciated!
Krista Calleja• 300@KristaCalleja
Posted
This comment was deleted
0 - Deep• 235
@deepchhatralia
Submitted
please help me with the responsive ness of background image
Krista Calleja• 300@KristaCalleja
Posted
Hi, did you upload the live version? Github Pages is saying site not found.
0 - Renato Lima Neves• 170
@Renato-Lima-Neves
Submitted
Hello coder! This is my project here on frontend mentor, where i used Bootstrap 5 and DOM. I had tons of fun while making it, but i have some issues with the button and the image. I don't know how to make them responsive, i tried using flexbox but still didn't worked. What should i do to fix these issues? Thanks for stopping by and happy coding!
Krista Calleja• 300@KristaCalleja
Posted
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 - XIII• 790
@minibrusp
Submitted
Krista Calleja• 300@KristaCalleja
Posted
Quite nice. Perhaps you'd like to do some background-repeat none on the desktop size?
1 - developer_sah• 340
@RahulSahOfficial
Submitted
Animation Added🔥 Fully Responsive 🎉 Rate it out of 10⭐️ Give feedback below👇
Krista Calleja• 300@KristaCalleja
Posted
I like how the Share button is overlaid over the overlay, if you know what I mean. Very neat.
0
