Click here to Skip to main content
15,867,686 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
[enter image description here][1]


[enter image description here][2]


  [1]: https://i.stack.imgur.com/VitMj.png
  [2]: https://i.stack.imgur.com/sJw7r.png


and if the photo does not open


error1:[{
	"resource": "/C:/Users/Win/OneDrive/Belgeler/css/style css 2.css",
	"owner": "_generated_diagnostic_collection_name_#1",
	"code": "css-lcurlyexpected",
	"severity": 8,
	"message": "{ expected",
	"source": "css",
	"startLineNumber": 7,
	"startColumn": 7,
	"endLineNumber": 7,
	"endColumn": 14
}]
cod: 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
      @import url('https://fonts.googleapis.com/css2?family=Herr+Von+Muellerhoff&family=Poppins:wght@400;500;600;700;800&display=swap');

error2:[{
	"resource": "/C:/Users/Win/OneDrive/Belgeler/css/style css 2.css",
	"owner": "_generated_diagnostic_collection_name_#1",
	"code": "css-lcurlyexpected",
	"severity": 8,
	"message": "{ expected",
	"source": "css",
	"startLineNumber": 125,
	"startColumn": 12,
	"endLineNumber": 125,
	"endColumn": 13
}]

cod:.btn-photo::after{
      display: block;
      color: #1ef0ff;
     color:rgb(98, 180, 252)
     padding:10px 15px;
     border: top left radius:35px;
     border-bottom-right-radius:35px;
     position: relative;
     overflow: hidden;
     }


What I have tried:

I tried
":"  in its place ";"
and
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
in its place
@import url'https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap';
Updated 17-Jul-22 13:02pm
Comments
and the source of these codes
https://youtu.be/WMCPAsNd-FI

1 solution

First, YouTube videos are a horrible place to try to learn this stuff. Get a book on website/HTML/CSS developement.

Next, DO NOT link to pictures of code. Copy and paste it here. This pictures can disappear and then the question makes no sense.

Lastly, this is an easy fix. You're missing semi-colons at the end of each statement, like
CSS
color: rbg(#,#,#);  <---- at the end of the line


If you're going to try to use YouTube videos and have problems with their code, the best place to ask about that code is the person who made the video. Good luck with that.
 
Share this answer
 
v2

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900