It looks like it is responsive but when i deployed it and ckeck with my phone, i saw that it is not very responsive. what are your practices to see if your project is responsive on all screen? Please check my project and tell me if there's something wrong.
Manuel Salazar
@NorwyxAll comments
- @SFN98Submitted 9 months ago@NorwyxPosted 9 months ago
When developing, use developer tools and keep a constant check of how the project is responding at certain breakpoints. Also, try to always develop mobile-first.
0 - @obinysolSubmitted 9 months ago
Hello Guys,
I had a lot of fun with this one. Frontend Mentor does not provide designs for tablets so I used a max-width of 1000px for the media query. I found this to be the best design for tablets, landscape, and smartphone screens.
However, I am still struggling to find the most suitable method for SVG styling. The logo, for instance, is a different size in the header and footer. I thought I could use CSS to change the viewBox and viewport heights and widths, but I was unable to do so. I had to place the footer SVG inline in HTML and style it there.
I also was unable to change the fill property of SVG social icons on hover or active states. I know I could have used Font Awesome to do this instead, but I wanted to challenge myself.
I would appreciate a better method than the one I have used for styling SVGs in CSS and HTML. I wish to make the code as optimized as possible.
Thank you.
- @foswareSubmitted almost 3 years ago
Hi, this is my first challenge. HTML and CSS.
At the moment, I am focused on the desktop page. Welcome feedback. Greetings.
@NorwyxPosted almost 3 years agoWelcome to Frontend Mentor! First of all try using a little bit more of margin to the left of the content so you can align it with the image. Try using more top and bottom margins to space content. You should align the card to the center of the page. Align the profile-pic with the credits and correct that ortography mistake you have on the NFT description. Away from that you can correct other details but with this I think is going to look a lot better. Keep coding!
Marked as helpful1