Another small project built using Svelte, hope you like it!
Feedbacks are super welcome!
One little bug I found out is that, the copy won't work within the preview window. But it will work on the actual live site: https://zzl-frontendmentor-challenges.now.sh/url-shortening-api-master/index.html
hi your work is awesome, but im kinda sad im trying to find solution that succesfully use the shortly api into their project. overall, i will use this design as my preference in completing this challenge
Feedback are always welcome.
Hey great progress, im wondering if my recent solution about this challenge will help you improve your website. I have to admit the theme toggle switch is the most difficult part.
What I can do better to improve the responsive design... This is my only mistakes on this project
i think making the image and content container size proportional to each other will make it more nice, try to set the grid template column to 1fr 1fr.
be consistent with your padding and margin, i think it is from 900 - 1000px screen width the content gets out of its container and made the layout a bit mess
Any feedback is welcome.
there a lot of things in my opinion that need to work on to improve your website
first using proper breakpoints especially on your mobile screen
u can use grid to improve your design
the typography need to be pleasing to the eyes and not breaking lines at some point
u can use mix-blend-mode: multiply the reduce the opacity of your image to 70% to match the set design in this challenge
I made this with HTML CSS and to get responsive every device. Warmly welcome of your feedback and suggestion what I need or what should fix.
Thank You......
there are some things to change to make this website more elegant in my opinion
u might want to reduce the padding of your content to make it more nice and readable
grid is my best suggestion to control your card component to fix the image as it shrink a lot as the viewport width decreases
This is my first completed project. I would like to know some way to reduce lines of code in CSS (it was quite long for such a small page). Thanks!
Este es el primer proyecto que finalizo. Quisiera saber si hay alguna manera de reducir las líneas de código de CSS (quedó bastante largo para una página tan chica). Gracias!
there are some things that you can work on to improve your website in my opinion
First is the typography make sure the heading stand out than the subheading, using font-weight bold might be the way to fix that
Somewhere at 620 to 635px the design become a mess, make sure to check your media queries to ensure fluid responsiveness
You might want to consider using percentage in you margin to have consistent margin in your card component
Hi guys, I just finished this challenge. Please let me know if you have any suggestions, I'd really appreciate it :)
Thank you
The website responsiveness is great but the margin of the card component is not proportional
i would like to say this challenge made me realize i have a lot to learn in web development. not just that, but git/github as well. i have a long way to go, so please any constructive criticism on anything specific or in general would be much appreciated.
use display:block to show your image
also use text -align: left to correct the layout of your design, u can achieve this using media queries to help you change layout as the screen size changes
Would love feedback on my CSS and html
using grid will help you a lot in this challenge
use mixblend mode: multiply then set the opacity of your image to 70%, you can achieve the set design for the image using this technique
How to set the image to right? How to add the purple wrapper to the image?
use mixblend mode: multiply then set the opacity of your image to 70%, you can achieve the set design for the image using this technique
Hi guys, I just finished my HTML and CSS courses and am now working on my application skills before I start JS. I tried my best to replicate the challenge but I am aware that I might have some bad practices in my coding. I was unable to center the bottom text and also unable to put a purple filter over the card image. I am open to feedback. Thanks!
use css grid broo, it will help you a lot in this challenge, also it is easier to use grid with sass
Any suggestions for object alignment other than float.
You can use grid to properly control your card component, take note the it might be easier to use grid with sass
