Design comparison
Solution retrospective
Hello!
This is my first project here, I am still learning front end development and could use some tips on how to make my responsive coding a bit better :)
also, the images aren't showing on github for some reason....and I'm just realising I was sizing everything on my large monitor. I can move that but the responsive query still remains
Community feedback
- @codeswithrohPosted over 3 years ago
Congratulations on completing your first challenge. For your queries,
-
For making the site responsive make sure to use flexbox or grid to make the whole layout instead of positioning each element separately using "position: relative"
-
The img source given in your site shows that your image lies within a folder called "3-card-preview" but in your github you have not put your images inside a folder so, that is why it is not showing. Try to remove the folder name from your <img> src or try adding a folder with the same name as above and put the images in it.
Happy Coding 😃
1@sweetemulsionPosted over 3 years agoHi again,
flex box seemed to work better overall....however, I'm having issues getting it responsive AND I can't seem to get the code to show correctly on Github (apologies for the questions; I am a newbie. I started coding in 2018 and sort of lost track of my studies so am starting over in a way).
0@codeswithrohPosted over 3 years ago@sweetemulsion We all face problems while starting so, don't worry. If you face any problem you can check my solution (https://github.com/codeswithroh/Simple-Card-Layout). I have done the same using flexbox. Maybe you will get some help from there. 😊
1 -
- @sweetemulsionPosted over 3 years ago
Awesome :) Thank you for the advice! I'm still a bit new to flexbox, but I'll give this another go trying it with that method and see if it helps!
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord