Looking to hire developers?
@vikrantmalla
@Abdallahhassan186
Submitted
couldn't do the mobile version nor adding round edges to the container, I really need some advice with dimension and creating a pixel-perfect-interactive design. Any advice about this or even topics to lookup would be really appreciated.
@vikrantmalla
Posted
Marked as helpful
Hello~!
For this challenge, I used GRID and SASS/SCSS (mobile first), this one is also quite hard to do, because it has a lot of sections, but I still managed to finished it! This challenge further helps me understand the usage of grid, which is really awesome! Also I feel like I've made a lot of mistakes in here.
Please check this one out! If you have any feedback or suggestions, please do let me know! Thank you so much.
@vikrantmalla
Posted
@Starlk
Submitted
i used position for card layout, you could give me feedback
@vikrantmalla
Posted
It is better to use Grid on Card Layout.
Marked as helpful
@calvindalenta
Submitted
On 320px screen (Mobile S) there is an empty space on the right side of the screen. Does anyone know what is the problem? Because I don't see the empty space on 375px and 425px (Mobile M and L).
@vikrantmalla
Posted
Nice work !! In 320px {Creative div H1} text is too big for screen it overflow outside .
Marked as helpful
@RideOrDye
Submitted
@vikrantmalla
Posted
Please check out the GitHub page link. It showing a 404 error.
@ArthurRodrigues98
Submitted
Hey guys, I'm a newbie in programming and this was my first project. I started using Grid but in the end I didn't know how to make it responsive. I would like to know what I went wrong and how I could fix it. Thanks
@vikrantmalla
Posted
Nice work !!
Marked as helpful
@Criserus
Submitted
@vikrantmalla
Posted
Pls, check the image path is not correct. Learn Absolute and Relative Path. {solution : ../images/blah/blah};
Marked as helpful
@stephmunez
Submitted
Built with Flexbox, Sass, and Bootstrap
@vikrantmalla
Posted
Good work!! Pls add background-color
@Youssef-Ghafir
Submitted
Enjoy
@vikrantmalla
Posted
UI is awesome!! Pls, Add javascript for dropdown interaction without that challenge is incomplete.
Marked as helpful
@Aidyn-D
Submitted
@vikrantmalla
Posted
Nice Work !! Remove that Nav (position: fixed}. Try to add a font that is mention in challenges.
@dwi-indah
Submitted
@vikrantmalla
Posted
Please check out the GitHub page link. It showing a 404 error.
@AhmedMazDev
Submitted
@vikrantmalla
Posted
Please check out the GitHub page link. It showing a 404 error.
@Ryoma1512
Submitted
Tips to improve grid design
@vikrantmalla
Posted
Nice work !! Just remove the border for the box container . It is better to use a gap(property) in grids and remove that margin.
@koniuszko
Submitted
Any comments are welcome.
@vikrantmalla
Posted
Nice work!! reduce some margin-top from the button and add margin or padding in 375px it taking the whole screen.
@sadi-1010011
Submitted
Hello, I'm from India a newbie developer, I tried this newbie challenge for the first time I did it almost identical to the challenge using flexbox and other latest layout semantic tags and modern approaches, is it bad to use so many flex boxes in the layout instead of using display table like hacks to position div's vertically or horizontally?
@vikrantmalla
Posted
Give some padding to content-section and adjust the font size in media queries.
Marked as helpful
@JoaoPedroAC
Submitted
would it be much easier if I used LASS?
@vikrantmalla
Posted
LASS can be used in complex problems if you know just used it. Try to adjust border-radius.
@IslemMedjahdi
Submitted
this my first complete landing page , What do u think ? should I start learning JS ???
@vikrantmalla
Posted
Add background in div three and seven. Learning JS makes it easier to develop a website but now HTML/CSS worked fine.
@mrtrell42
Submitted
Hello community I am reuploading this challenge; I have no idea how to make it responsive for smaller screens I understand that @media() is the route to go but I don't fully understand. Can someone please offer me guidance
@vikrantmalla
Posted
add @media(max-width: 768px) {flex-direction: row} in container.
@ZerefResearchs
Submitted
Will be glad to hear your suggestions for changes that I can make in this :)
@vikrantmalla
Posted
Try to add a grid in the user div It makes easier to position 3 divs and add media queries.
Marked as helpful
@satyamallick7
Submitted
I'm a newbie so please excuse the mess
@vikrantmalla
Posted
Add grid in the box you are good to go. learn Grid and flexbox
Marked as helpful
@incanlove
Submitted
this was the best I can do with tips from youtube. however this was one of the hard ones to figure out
@vikrantmalla
Posted
Try to change the background URL (../image/image-header-mobile.jpg). Adjust margin of the Container and padding of the Card.
Marked as helpful
@devjakov
Submitted
Had a lot of fun with this one, I'm pretty happy I only used three divs for this.
I don't know if my solution for getting the img color is the best but it works fine.
This improved my positioning skills especially when dealing with images, GG
Cheers, Jakov
@vikrantmalla
Posted
Remove that flex-direction from media query and adjust the margin.
Marked as helpful
@b0yw0nder3100
Submitted
comments anyone?
@vikrantmalla
Posted
Nice work !! Just remove that container (width) or low that percentage and add style guide fonts. You are good to go.
Marked as helpful
@b0yw0nder3100
Submitted
took me a hella while to complete, feedbacks would be really nice, thank you
@vikrantmalla
Posted
Give some padding on (li) tags.
Marked as helpful
