@IshmaelCaskySubmitted almost 3 years ago
Reydel Ocon
@reydelshitAll comments
- @momspaghettoSubmitted about 3 years ago
Hello, My first ever project, not perfect. Any advice on how to improve it maybe? Would be appreciated!
- @celumusaBDumaSubmitted about 3 years ago
Hello, world!
How do you set the border-radius for a container (so it shows), I have search the internet but I can't seem to figure it out. In the last challenge I cheated by setting the border-radius for the top and right of the first card, bottom and left for the last card for mobile and the opposite for the desktop version.
Thanks in advance <3
@reydelshitPosted about 3 years agoi used
overflow: hidden;to the father div to make the border radius visibleMarked as helpful1 - @agr227Submitted about 3 years ago
Second challenge since my break and I felt like I was right back in it! I was able to spend most of the day studying and going over some of the formatting, sizing, and design basics.
This challenge was a lot of fun because it has a certain simplicity to the web layout, but the challenge of designing a phone's messaging layout.
I remember when I first started I kept hearing all of the YouTube coders saying they spend most of their time googling how to do something or trying to find sources to base their code off of and I finally realized how helpful that could be. I utilized the resources I had and I believe I was learning better by doing that because I wasn't just making endless mistakes and getting frustrated that I couldn't figure things out on my own.
This is not going to be an exact copy of the example. I took creative liberties to improve as I saw fit.
If anybody sees anything funky in my code or spots something visually that just doesn't look right please please please let me know. At this point I'm getting comfortable making these challenges my own and would like to take the step into Java before long, so if there are glaring deficiencies now is definitely the time to catch them!
As always, thanks for the help and feedback!
@reydelshitPosted about 3 years agocool bro. how did u do that infinite moving border broo?
0 - @pandeyrochakSubmitted about 3 years ago
This is my first challenges on Frontend Mentor. I would love to hear from you.
@reydelshitPosted about 3 years agohow are you so good man? i have done this challenge and it took me so many lines of code in css
0 - @adityaauchihaSubmitted about 3 years ago
please any one can tell me why my image background color not changing ? your guidance will help me a lot. thank you also should i learn bootstrap now? i have learnt only html and css
@reydelshitPosted about 3 years agoIn my case I use 'mix-blend-mode: soft-light;' to the image then I added the color to the father div so set it as a background
0 - @ShangsitSubmitted about 3 years ago
The footer comes upward after increasing the width beyond 1300px. I think it will be okay if the height of the div is set the same as the body, but how to do that?
@reydelshitPosted about 3 years agoyou can set the image header to
width: 100%;then in the father div set it tooverflow: hidden;for the image to not overflow and fit only at the container0 - @azmifitraSubmitted about 3 years ago
I got a little problem when making this challenge. It is hard for me to make responsive and i've tried many times but i can't solve the problem. If there any suggestions for me, please welcome :)
@reydelshitPosted about 3 years agohmm in my case whenever I used grid and make it responsive I used this
grid-template-columns: repeat(auto-fit, minmax(0px, max-content));then in mobile view you can set it usinggrid-column/rowto whatever you want0 - @robertWalker68501Submitted about 3 years ago
Please let me know if you have any thoughts on the structure and usage of SASS throughout the project.
- @thaiscodeSubmitted about 3 years ago
Any feedback helps me improve my code.
@reydelshitPosted about 3 years agogood job bro. It would be better if you always set the anchor/button when hovered to cursor: pointer;
0 - @Mahwash-AlySubmitted about 3 years ago
I would really like your feedback about positioning of the container on background image. I had to add padding in order to make it appear at the centre of the image. I went through some other solutions and found them using transform property with translate as (-50%, -50%). I have no idea how it centres an element. Also, I am struggling to make it screen responsive.
@reydelshitPosted about 3 years agoin my case, I solved that using grid by setting the body to 100vw then display: grid; place-items: center; to the container
Marked as helpful0 - @Mahwash-AlySubmitted about 3 years ago
I would really like your feedback about positioning of the container on background image. I had to add padding in order to make it appear at the centre of the image. I went through some other solutions and found them using transform property with translate as (-50%, -50%). I have no idea how it centres an element. Also, I am struggling to make it screen responsive.
